Apply CSS rules if browser is IE

Question

Possible Duplicate    How do I do IE conditionals in CSS        How can I apply the rules below to IE only    abc    float left  height 0  margin 0 10px  width 0     Apply these rules for IE only   position absolute  left 30  top -10    Apply these rules for IE only

User · Answer

A fast approach is to use the following according to ie that you want to focus (check the comments), inside your css files (where margin-top, set whatever css attribute you like):

margin-top: 10px\9; /*It will apply to all ie from 8 and below */
*margin-top: 10px; /*It will apply to ie 7 and below */
_margin-top: 10px; /*It will apply to ie 6 and below*/

A better approach would be to check user agent or a conditional if, in order to avoid the loading of unnecessary CSS in other browsers.

User · Answer

A good way to avoid loading multiple CSS files or to have inline CSS is to hand a class to the body tag depending on the version of Internet Explorer  If you only need general IE hacks  you can do something like this  but it can be extended to be version specific    lt  -- if IE   gt  lt body class  ie  gt  lt   endif -- gt   lt  -- if  IE  gt -- gt  lt body gt  lt  -- lt   endif -- gt    Now in your css code  you can simply do    ie  abc     position absolute    left 30    top -10      This also keeps your CSS files valid  as you do not have to use dirty  and invalid  CSS hacks

User · Answer

In browsers up    to and including IE9  this is done through conditional comments    lt  -- if IE  gt   lt style type  text css  gt    IE specific CSS rules go here  lt  style gt   lt   endif -- gt

User · Answer

I prefer using a separate file for ie rules  as described earlier    lt  -- if IE  gt  lt link rel  stylesheet  type  text css  href  ie-style css   gt  lt   endif -- gt    And inside it you can set up rules for different versions of ie using this    abc          ALL MSIE     html   abc          MSIE 6      first-child html  abc          MSIE 7

[css] Apply CSS rules if browser is IE

Examples related to css

Examples related to internet-explorer