Friday, March 15, 2013

IE Bugs Fixing Hints for all browsers

For all versions of ie:-
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

IE Bugs Fixing Hacks for all browsers :-

IE-6 ONLY
* html #div {
height: 300px;
}

IE-7 ONLY
*+html #div {
height: 300px;
}

IE-8 ONLY
#div {
height: 300px\0/;
}

IE-7 & IE-8
#div {
height: 300px\9;
}

NON IE-7 ONLY:
#div {
_height: 300px;
}

Hide from IE 6 and LOWER:
#div {
height/**/: 300px;
}
html > body #div {
height: 300px;
}
 

IE-9 ONLY
:root  #div {
height: 300px\0/;
}



IE-9 and IE-10

@media all and (min-width:0) { .classname { right:15px\0/ ; } /* IE9-IE10pp4 */ }

Hacks for chrome and safari :-

@media screen and (-webkit-min-device-pixel-ratio:0)
.classname  {margin: 0px 5px 0px 0px; }  /*  Web kit and Chrome */ 
}

No comments:

Post a Comment