-- if IE not working

Question

I m having trouble getting    lt  -- if  IE  gt    to work  I m wondering if it is because I have this in my document    lt  doctype html gt   lt  -- if lt IE 7  gt   lt html class  ie6 oldie  gt   lt   endif -- gt   lt  -- if IE 7  gt      lt html class  ie7 oldie  gt   lt   endif -- gt   lt  -- if IE 8  gt      lt html class  ie8 oldie  gt   lt   endif -- gt   lt  -- if gt IE 8  gt  lt  -- gt   lt html class    gt   lt  -- lt   endif -- gt    When I add    lt  -- if  IE  gt  lt  -- gt   lt link type  text css  rel  stylesheet  href   stylesheets no-ie css    gt   lt  -- lt   endif -- gt    to my header for some reason it doesn t work  However if I add    lt  -- if  IE  gt  lt  -- gt       lt style gt          All my css in here      lt  style gt       lt  -- lt   endif -- gt    to the actual html page  in the header  it works  Any suggestions  Cheers   Update to my question  Ok  when I removed   lt  -- gt 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  lt  -- gt 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   lt  -- if IE  gt   lt link type  text css  rel  stylesheet  href   stylesheets no-ie css  gt   lt   endif -- gt    and    lt  -- if  IE  gt  -- gt   lt link type  text css  rel  stylesheet  href   stylesheets no-ie css  gt   lt  --  lt   endif -- gt    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

User · Answer

You need to put a space for the  lt  --  if  IE  -- gt   My full css block goes as follows  since IE8 is terrible with media queries   lt  -- IE 8 or below -- gt      lt  -- if lt IE 9  gt   lt link rel  stylesheet  type  text css   href   Resources css master1300 css    gt           lt   endif -- gt   lt  -- IE 9 or above -- gt   lt  -- if gte IE 9  gt   lt link rel  stylesheet  type  text css  media   max-width  100000px  and  min-width 481px       href   Resources css master1300 css    gt   lt link rel  stylesheet  type  text css  media   max-width  480px       href   Resources css master480 css    gt           lt   endif -- gt   lt  -- Not IE -- gt   lt  --  if  IE  -- gt   lt link rel  stylesheet  type  text css  media   max-width  100000px  and  min-width 481px       href   Resources css master1300 css    gt   lt link rel  stylesheet  type  text css  media   max-width  480px       href   Resources css master480 css    gt   lt  --  endif  -- gt

User · Answer

For targeting IE Users    lt  -- if IE  gt  Place Content here for Users of Internet Explorer   lt   endif -- gt    For targeting all others    lt   if  IE  gt  Place Content here for Users of all other Browsers   lt   endif  gt    The Conditional Comments can only be detected by Internet Explorer  all other Browsers thread it as normal Comments   To target IE 6 7 etc   You have to use  Greater Than Equal  or  Lesser Than  Equal   in the If Statement  Like this   Greater Than or Equal    lt  -- if gte IE 7  gt  Place Content here for Users of Internet Explorer 7 or above   lt   endif -- gt    Lesser Than    lt  -- if lt IE 6  gt  Place Content here for Users of Internet Explorer 5 or lower   lt   endif -- gt    Source  mediacollege com

User · Answer

In case you are working with IE 10 or above  as mentioned in http   tanalin com en articles ie-version-js  the conditional comments are no longer supported   You might refer to https   gist github com jasongaylord 5733469 as an alternative method  which the Trident version is checked as well from the navigator userAgent  This also verified in case the browser is working in compatibility mode

User · Answer

I am using this javascript to detect IE browser  if       navigator appVersion toUpperCase   indexOf  MSIE      -1        navigator appVersion toUpperCase   indexOf  TRIDENT      -1        navigator appVersion toUpperCase   indexOf  EDGE      -1             ie-warning   css  display    block

User · Answer

An update if somebody still reaches this page  wondering why the ie targeting doesnt work  IE 10 and onward no longer support conditional comments  From the MS official website       Support for conditional comments has been removed in Internet Explorer   10 standards and quirks modes for improved interoperability and   compliance with HTML5    Please see here for more details  http   msdn microsoft com en-us library ie hh801214 v vs 85  aspx  If you desperately need to target ie  you can use this jquery code to add a ie class to  and then use  ie class in your css to target ie browsers    if    browser msie        html   addClass  ie        Update    browser is not available after jQuery 1 9  If you upgrade to jQuery above 1 9 or you already use it  you can include jQuery migration script after jQuery so that it adds missing parts   jQuery Migrate Plugin  Alternatively  please check this thread for possible workarounds  browser msie error after update to jQuery 1 9 1

User · Answer

This works for me across all browsers greater than version 6  IE7  8  9  10  etc  Chrome 3 up to what it is now  and FF ver 3 up to what it is now      test if running in IE or not         function isIE                  var myNav   navigator userAgent toLowerCase                return  myNav indexOf  msie      -1    myNav indexOf  trident      -1    true   false

User · Answer

First of all the right syntax is    lt  -- if IE 6  gt   lt link type  text css  rel  stylesheet  href   stylesheets ie6 css    gt   lt   endif -- gt    Try this post  http   www quirksmode org css condcom html  and http   css-tricks com how-to-create-an-ie-only-stylesheet   Another thing you can do   Check browser with jQuery   if   browser msie      do something        in this case you can change css rules for some elements or add  new css link reference   read this  http   rickardnilsson net post 2008 08 02 Applying-stylesheets-dynamically-with-jQuery aspx

User · Answer

This is for until IE9   lt  -- if IE   gt   lt style gt   someclass      text-align  center      background   00ADEF      color   fff      visibility hidden      in case of hiding           someotherclass      display  block  important      visibility visible     in case of visible     lt  style gt      This is for after IE9     media screen and  -ms-high-contrast  active    -ms-high-contrast  none   enter your CSS here

User · Answer

I use that and it works     lt  -- if  IE  gt  lt  -- gt  if it is not IE  lt  -- lt   endif -- gt

User · Answer

lt  -- if  IE  gt  lt  -- gt  lt script src  zepto min js  gt  lt  script gt  lt  -- lt   endif -- gt   lt  -- if IE  gt  lt script src  jquery-1 7 2 min js  gt  lt  script gt  lt   endif -- gt    Note  These conditional comments are  no longer supported from IE 10 onwards

User · Answer

I get this code works on my browser    lt  -- if lt IE 9  gt     lt script src  https   oss maxcdn com libs html5shiv 3 7 0 html5shiv js  gt  lt  script gt     lt script src  https   oss maxcdn com libs respond js 1 3 0 respond min js  gt  lt  script gt   lt   endif -- gt    Note for this code  HTML5 Shiv and Respond js IE8 support of HTML5 elements and media queries

User · Answer

Conditional comment is a comment starts with  lt  -- if IE  gt  which couldn t be read by any browser except IE   from 2011 Conditional comment isn t supported starting form IE 10 as announced by Microsoft in that time https   msdn microsoft com en-us library hh801214 v vs 85  aspx  The only option to use the Conditional comments is to request IE to run your site as IE 9 which supports the Conditional comments   you can write your own css and or js files for ie only and other browsers won t load or execute it   this code snippet shows how to make IE 10 or 11 run ie-only css and ie-only js which contains custom codes to solve IE compatibility issues        lt html gt         lt meta http-equiv  X-UA-Compatible  content  IE EmulateIE9  gt         lt  -- if IE  gt               lt meta http-equiv  Content-Type  content  text html  charset Unicode  gt               lt link rel  stylesheet  type  text css  href   css ie-only css    gt               lt script src   js ie-only js  gt  lt  script gt         lt   endif -- gt       lt  html gt

User · Answer

Thank you Fernando68  I used this   function isIE           var myNav   navigator userAgent toLowerCase         return  myNav indexOf  msie      -1    myNav indexOf  trident      -1    true   false     if isIE            getScript  js script min js   function                 alert  Load was performed

User · Answer

The Microsoft-recommended syntax for downlevel-revealed conditional    comments    is this    lt   if  IE  gt   lt link type  text css  rel  stylesheet  href   stylesheets no-ie css    gt   lt   endif  gt    These aren   t comments  but they work properly

User · Answer

For IE browser    lt  -- if IE  gt   lt meta http-equiv  Content-Type  content  text html  charset Unicode  gt   lt   endif -- gt    For all non-IE browsers    lt   if  IE  gt   lt meta http-equiv  Content-Type  content  text html  charset utf8  gt   lt   endif  gt    For all IE greater than 8 OR all non-IE browsers     lt  -- if  gt IE 8    IE   gt  lt  -- gt  lt script src    JS library jquery-2 1 1 min js  gt  lt  script gt  lt  -- lt   endif -- gt

User · Answer

Browsers other than IE treat the conditional statements as comments because they re enclosed inside comment tags    lt  -- if IE  gt  Non-IE browsers ignore this  lt   endif -- gt    However  when you re targeting a browser that is NOT IE you have to use 2 comments  one before and one after the code  IE will ignore the code between them  whereas other browsers will treat it as normal code  The syntax for targeting non-IE browsers is therefore    lt  -- if  IE -- gt  IE ignores this  lt  -- endif -- gt    Note  These conditional comments are no longer supported from IE 10 onwards

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

Examples related to html

Examples related to internet-explorer

Examples related to conditional-comments