View Full Version : IE6 picking and choose stylesheets

03-11-2009, 08:13 PM
Hey folks,

I have an issue here. I have two stylesheets, a style.css and an ie6_style.css.

I have added the commented IF statements at the of my pages as well.

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="../css/ie6_style.css" />

For some reason IE6 is picking and choosing which stylesheets to use but it still mainly defaults to style.css.

I can make a couple changes to ie6_style.css and it will take affect in IE6 but IE6 seems to be more responsive to the style.css file. I've configured separate external IE6 stylesheets before and it has worked but I never ran into this problem. Here is the page:


IE7 and Firefox look fine. IE6 is stacking them because of a left margin issue/bug. When I make changes to the ie6_style.css margins no changes take affect. Any help would be appreciated. Thanks!

03-11-2009, 09:37 PM
Hello shaitiger,
When you have #left_content float:left; and margin:0 0 0 10px; I think you're likely invoking IE6 double margin bug (http://www.positioniseverything.net/explorer.html).
You can fix that a couple ways...

adding display:inline; to #left_content
have a look at how two column layouts are typically done - example (http://nopeople.com/CSS/equal_length_columns/index.html)

Hope that helps a little.