Post Archive

› June 14, 2005

Win IE 6 Flicker Test Case

  • Reported by Nate

Noted by Ryan in a comment to the Float Minitabs article: the Windows IE 6 problem with flickering background images is complicated. Ryan posted this test case with solution, which I think could be quite helpful for folks doing diagnosis, or simply unfamiliar with the problem.

I think one of the reasons semantic HTML and CSS comes off as confusing, complicated, and more difficult than other methodologies is that it creates a multi-layered environment. With tables for layout, your content and your presentation are all in one place, but with CSS layouts, you might have multiple cascading style sheets, and inheritance - not to mention the general abstraction that's required. Thankfully though, the browser specific bugs and weirdness are pretty much understood, and documented one form or another. I like Ryan's test case example because it's got the problem, example, solution in one place and in a context that makes sense on it's own.

Comments

1. June 14, 2005 03:25 PM

Quote this comment

Alessandro Posted…

Hi Nate, another post on IE flicker that worth a read is Minimize Flickering CSS Background Images in IE6. I'll update float minitabs soon.

2. June 14, 2005 03:48 PM

Quote this comment

Nate Posted…

Oh good point Alessandro, and I had read that one too - just skipped out of my head.

3. June 17, 2005 05:51 PM

Quote this comment

maratz Posted…

We usually place a few lines in .htaccess file in folder which contains only CSS images. This way we make sure the content images are not cached. Full explanation at dean.edwards.name/my/flicker.html.

4. July 20, 2005 05:50 PM

Quote this comment

janelle Posted…

I found that if I call the background image in the <a href=""> tag the filcker happened. But if I put it around the <a href=""> tag it didn't.

example: <span class="image"><a href=""></a></span>

I did have to add some padding the the <a href=""> to make the link fill the image. But after racking my brain over this this has been a really easy fix.