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;}
}
Remember The Milk
Supongo que mucha gente ya lo conocía, pero hoy por fin he encontrado la URL directa a la versión móvil de Google Reader:
Por fin puedo sincronizar el calendario de la Blackberry con el de Google Calendar. Lo había intentado con todo tipo de inventos, pero no acababan de funcionar bien.
