28 de diciembre de 2006

Desarrollo Web: ¿Qué es un CSS hack?

Es un pequeño truco para poder utilizar diferentes etiquetas en una hoja de estilos dependiendo del navegador con el que se acceda a la página web. De esta manera dependiendo del navegador que visualice la página web los contenidos se mostrarán de una manera u otra.

¿Pero las hojas de estilo no eran un estándar del W3C? Sí, pero los navegadores rara vez cumplen el 100% de los estándares y muchos interpretan las hojas de estilo como les de la gana.

Normalmente tendremos que diferenciar entre Internet Explorer y el resto de los navegadores.

Aquí os pongo un pequeño ejemplo de como diferencio al navegador de Microsoft de Firefox:


#carListItem{
color: #404040;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-bottom:10px;
padding-top:5px;
}
/* CSS Hack for non IEXPLORER */
html>body #carListItem{
padding-bottom:15px;
padding-top:10px;
}



Espero que os sea de utilidad.


Digg!

No hay comentarios: