Trucos CSS para IE6, IE7, Firefox, Safari y Google Chrome
Subido el
5 de Septiembre de 2008 
Comentarios(0)
Comentarios(0) Está claro que nunca jamás se debe optar por usar trucos para dar un tratamiento diferente a los CSSs para igualar la apariencia del site en diferentes navegadores.
Bueno, vale, pero cuado no queda más remedio… cuando llevas dos horas colocando un margen de una foto que no ves la manera de que sea cross-browser… cuando ya no puedes perder más tiempo con eso… pues al final hay que usar estos hacks que te permiten aplicar reglas diferentes según el navegador del que se trate (lo dejas bien comentado y adios remordimientos) .
Para Internet Explorer en general nos pueden valer las condicionales comentadas:
<!--[if IE]> Esto se mostrará si el navegador es Internet Explorer <![endif]--> <!--[if IE 5.5]> Esto se mostrará si el navegador es Internet Explorer versión 5.5 <![endif]--> <!--[if IE 6]> Esto se mostrará si el navegador es Internet Explorer versión 6 <![endif]-->
Para IE 6 exclusivamente:
* html .miclasecss{
/* esto sólo funcionará en Internet Explorer 6 */
}
y tambien:
p{
margin:10px;
_margin-left:20px; /* Sólo Internet Explorer */
}
Para Firefox:
p.myStyle{
color:red;
}
p > .myStyle{
color:blue; /* Sólo para Firefox */
}
Para IE7 y no IE6:
html[xmlns] .myStyle{
/* Firefox e IE7 lo procesan pero le doc debe ser XHTML para que funcione */
}
Para Safari, Opera y Google Chrome:
@media screen and (-webkit-min-device-pixel-ratio:0){
#div {margin-left: 10px;}
}
Si hace poco hablaba del 
Hubo un tiempo en el que los gráficos de los juegos estaban basados en sprites (merece la pena detenerse a estudiar lo optimizado que estaba el uso de los recursos para estos juegos).
