IE6 vs Everything else!

[ChrisTheSoul]

So I code up my websites by hand using HTML strict and CSS. Test them in IE7 and Firefox - everything looks ok.

Upload them to the server, come to work (where we have IE6) and have a look. Generally they look awful.

Problem is that, according to stats, over a third of internet users still use IE6.

How do people "get around" the rendering of IE6? Is there a simple hack, or is it a case of seperate stylesheets?

any advice much appreciated - as always.

[Lchad]

I usually just have to make small changes to my existing stylesheet. Often it's just a matter of 1 or 2 pixels decrease to make things fit.

On complete navigations, I usually use a separate stylesheet.

I suppose you have to take it on a site by site basis. Anymore than 1 or 2 adjustments and I'd probably make a separate ss.

[chrissp26]

Because IE 6 is so very different from IE 7 and Firefox its generally better to use a seperate stylesheet rather than try to bodge it into working.

You can do this in the following way:

Code: Select all

 
<link rel="stylesheet" href="m.css" type="text/css" media="all">
<link rel="stylesheet" href="p.css" type="text/css" media="print">
<!--[if IE 6]>
 <link rel="stylesheet" type="text/css" href="ie6.0.css">
<![endif]-->

Notice that my main CSS file is called "m.css" and my print style is called "p.css".

But in order to get some elements working in IE 6 I had to use a seperate stylesheet. The third stylesheet on the page; "ie6.0.css" contains only items specific for IE 6 the comment code around the link tag prevents that stylesheet from being used by any browser other than IE 6.

I hope this helps.

Chris

[ChrisTheSoul]

Thanks Chris, would you use the "less than or equal to" indicator [if lte IE 6] or do prior versions of IE render more correctly than IE 6?