![\"ie](\"http:\/\/www.pawebgate.com\/blogging\/wp-content\/uploads\/2013\/01\/ie-fox.jpg\" "\\"ie")
<\/p>\n<\/p>\n
The key to create IE specific styling is called conditional stylesheet<\/strong>.\u00a0<\/strong><\/p>\n IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than\/less-than stuff for targeting multiple versions at once.<\/p>\n And remember, these conditional tags don’t have to be used only for CSS. You could load JavaScript, or even use them down in the content of your site to display special IE-specific messages.<\/p>\n This would go in your <head> with all the other regular CSS <link>ed CSS files. The opening and closing tags should be familiar, that’s just regular ol’ HTML comments. Then between the brackets, “IF” and “IE” should be fairly obvious. The syntax to note is “!” stand for “not”, so !IE means “not IE”. gt<\/tt> means “greater than”, gte<\/tt> means “greater than or equal”, lt<\/tt> means “less than”, lte<\/tt> means “less than or equal.”<\/p>\n P.S. I am a Mozilla Firefox fan!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" The key to create IE specific styling is called conditional stylesheet.\u00a0 IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than\/less-than stuff for targeting multiple versions at once. Why use conditional stylesheets? You got problems, they need fixin’ Keeps your code hack-free and … <\/p>\nWhy use conditional stylesheets?<\/h3>\n
\n
The Code<\/h3>\n
Target ALL VERSIONS of IE<\/h4>\n
<!--[if IE]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"all-ie-only.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget everything EXCEPT IE<\/h4>\n
<!--[if !IE]><!-->\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"not-ie.css\" \/>\r\n <!--<![endif]--><\/code><\/pre>\nTarget IE 7 ONLY<\/h4>\n
<!--[if IE 7]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie7.css\">\r\n<![endif]--><\/code><\/pre>\nTarget IE 6 ONLY<\/h4>\n
<!--[if IE 6]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie6.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 5 ONLY<\/h4>\n
<!--[if IE 5]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie5.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 5.5 ONLY<\/h4>\n
<!--[if IE 5.5000]>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie55.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 6 and LOWER<\/h4>\n
<!--[if lt IE 7]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie6-and-down.css\" \/>\r\n<![endif]--><\/code><\/pre>\n<!--[if lte IE 6]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie6-and-down.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 7 and LOWER<\/h4>\n
<!--[if lt IE 8]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie7-and-down.css\" \/>\r\n<![endif]--><\/code><\/pre>\n<!--[if lte IE 7]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie7-and-down.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 8 and LOWER<\/h4>\n
<!--[if lt IE 9]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie8-and-down.css\" \/>\r\n<![endif]--><\/code><\/pre>\n<!--[if lte IE 8]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie8-and-down.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 6 and HIGHER<\/h4>\n
<!--[if gt IE 5.5]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie6-and-up.css\" \/>\r\n<![endif]--><\/code><\/pre>\n<!--[if gte IE 6]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie6-and-up.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 7 and HIGHER<\/h4>\n
<!--[if gt IE 6]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie7-and-up.css\" \/>\r\n<![endif]--><\/code><\/pre>\n<!--[if gte IE 7]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie7-and-up.css\" \/>\r\n<![endif]--><\/code><\/pre>\nTarget IE 8 and HIGHER<\/h4>\n
<!--[if gt IE 7]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie8-and-up.css\" \/>\r\n<![endif]--><\/code><\/pre>\n<!--[if gte IE 8]>\r\n\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ie8-and-up.css\" \/>\r\n<![endif]-->\r\n<\/code><\/pre>\n