IE6 vs Everything else!

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.

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

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?