Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
03-11-2009, 08:13 PM #1
- Join Date
- Mar 2009
- Thanked 0 Times in 0 Posts
IE6 picking and choose stylesheets
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" /> <![endif]-->
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 #2
- Join Date
- Dec 2006
- Thanked 1,838 Times in 1,822 Posts
When you have #left_content float:left; and margin:0 0 0 10px; I think you're likely invoking IE6 double margin bug.
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
Hope that helps a little.