Space separated CSS classes in IE6 :(

[Frenchy]

If you want to apply multiple CSS classes on some HTML element you can apply them like this class="class1 class2 class3 class4". But, apparently IE6 will apply just the last class listed, i.e. class4.

[haggis]

Pity that so many still use IE6 despite it being practically obsolete (I even know folks still using Win98!), but not much you could do about it. You could use a conditional statement so that the page uses a different stylesheet if the visitor is using IE6 or below, such as:

<!--[if lt IE 7]><link rel="stylesheet" href="ie6.css" type="text/css" media="screen" /><![endif]-->

The stylesheet ie6.css is optimized to work for IE6, of course.

[Frenchy]

I always use two conditional comments. One for IE6 and the other for IE7 and above. I can't wait for IE6 to drop under 3-4% of usage.

[mitchell]

How large a percentage of visitors to your site still use IE6? If it's sufficiently low — and if your site isn't mission critical (eg. a business web site, etc) — then you might be able to get away with informing your IE6 users to get a "real" browsers. Even Internet Explorer 7 would be an improvement.

[Buldog]

I didn't had a visitor to my site that uses IE6 for a long time. Maybe my site draws just those "newer" people, but I always optimize site for IE6 regardless.

[mitchell]

It's really rather ridiculous that the three incarnations of Internet Explorer — IE6, IE7, and IE8 — support web standards differently from each other, and that each browser still has relatively widespread use. That makes it a pain for web developers since there are three versions of IE that they'll have to try to support.