{"id":1981,"date":"2016-07-12T20:34:46","date_gmt":"2016-07-12T20:34:46","guid":{"rendered":"http:\/\/cssreset.com\/?p=1981"},"modified":"2016-07-12T20:34:46","modified_gmt":"2016-07-12T20:34:46","slug":"using-conditional-comments-in-your-html","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/using-conditional-comments-in-your-html\/","title":{"rendered":"Using Conditional Comments in Your HTML"},"content":{"rendered":"

Internet Explorer is a fickle browser that often doesn’t cooperate with CSS rules like most other browsers do, which can really make the styling of certain elements a problem. To remedy this, you may sometimes choose to include a separate stylesheet that will load ONLY when the browser is Internet Explorer. An easy way to do this is to include conditional comments in the <head> section of your HTML files, like this:<\/p>\n

\r\n\r\n\t\t
\r\n\r\n\t\t
\r\n\t\t\t\t\t\t< View plain text<\/span> ><\/a>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t
HTML<\/div>\r\n\r\n\t\t\r\n\t\t
\r\n\r\n\t<\/div>\r\n\t\r\n\t
\r\n\t\t
  1. <!-- [if iE] ><\/span><\/div><\/li>\n
  2. <link rel="stylesheet" type="text\/css" href="path\/to\/IE\/stylesheet.css" \/><\/span><\/div><\/li>\n
  3. <! endif --><\/span><\/div><\/li>\n<\/ol>\t<\/div>\r\n\r\n<\/div>\r\n\n

    You can also use the above code to target certain versions of Internet Explorer. You just need to change the first line to specifically select the exact version of IE you want to target. For example:<\/p>\n


    \n
    \n