Code Snippets Gallery
Serving Up Universal IE 6 Stylesheet
All good browsers plus IE 7 and up get REGULAR-STYLESHEET.css, browers IE 6 and below get a special stylesheet with stripped down basic-but-still-nice styling.
<!--[if !IE 6]><!-->
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<!--<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->
Loading ...
Awesome ! Didn’t knew this was even possible !
I can actually create a css file for non-IE browsers.
Thanks !
Thank you so much for this, I’ve been trying to achieve something like this for the past 4 hours. !!
You made my day :))
Cheers !
Chris, is there a more concise way to do this? I do not want to repeat all my non-IE6
<link>style tags.Yeah, this is wrong, actually. IE7 and above will read the first LINK tag just fine, and they will read the second one, too. Non-IE browsers will just read the first LINK tag.
If you look at Malarky’s code again, you’ll see I’m right.
I have posted some examples of proper conditional comments here:
http://demo.pixelsandpages.com/css-tests/
Direct links:
- Showing styles to only IE6 or not IE6, concise “downlevel revealed” method
- Showing styles to only IE6 or not IE6, verbose “Beautiful Web” method
- Showing styles to only IE 7 & IE 8
Fantastic!
Exactly how the web should look in IE6.