<!--[if !IE]> not working

html internet-explorer conditional-comments
user1516788 picture user1516788 · Dec 9, 2012 · Viewed 349k times · Source

I'm having trouble getting 

<!--[if !IE]>

to work. I'm wondering if it is because I have this in my document 

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->

When I add 

<!--[if !IE]><!-->
<link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css" />
<!--<![endif]-->

to my header for some reason it doesn't work. However if I add 

<!--[if !IE]><!-->
    <style>
        All my css in here
    </style>
    <!--<![endif]-->

to the actual html page (in the header) it works. Any suggestions? Cheers

Update to my question

Ok, when I removed <!-->I only checked in IE which was working but now back in FF the no-ie.css had been applied to FF too. So I added back in the <!-->and removed the / (and added that into the main template so the cms wouldn't add it back in) and all is working back in FF but now the stylesheet is being applied to IE! So I tried

<!--[if IE]>
<link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css">
<![endif]-->

and 

<!--[if !IE]> -->
<link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css">
<!-- <![endif]-->

And that didn't work. Basically I'm trying to get this page to work http://css-tricks.com/examples/ResponsiveTables/responsive.php but move the css into a stylesheet. Surely it's got to be simple. What am I missing? I'd rather not use JQuery if I don't have to. Cheers

Answer

Thinking80s picture Thinking80s · Jan 28, 2013 
<!--[if !IE]><!--><script src="zepto.min.js"></script><!--<![endif]-->
<!--[if IE]><script src="jquery-1.7.2.min.js"></script><![endif]-->

Note: These conditional comments are no longer supported from IE 10 onwards.

Related questions

How to target IE9 with new HTML5 Boilerplate?

I am trying to target a class for IE. However, since the boilerplate template has changed this no longer works.. .myclass { //do something } .ie7 .myclass { ///do something } This is what's in the new header of the boilerplate template. <!doctype …

Read More
Can <!--[if lte IE 8]> even work in IE6?

I am just about at making my website compatibility, and with IE, the old jerk, I need to use <!--[if lte IE 8]> <![endif]--> However, as "lte IE8" means "equal to or less than IE8", …

Read More
IE Stylsheets/ Conditional comments Not working

I am trying to make a website look better in IE, so i decided to use conditional comments. So I used this conditional comment to link to the stylesheet. <!--[if IE]> <link rel="stylesheet" type="text/…

Read More