martes, 20 de enero de 2009

Estandares en CSS

Gente, yo se que muchas veces nos ha pasado con los desarrollos de web que IE6, IE7 y FF no se comportan de la manera que quisieramos, si agregamos un estilo que funciona en FF (Especialmente en cuanto a tamanos en pixeles o fuentes), este no funciona de la misma forma en IE6 o IE7.
Ahora, si te interesa existen 2 hacks interesantes que validan en la W3C.

Primero se crea un estilo con todos los atributos necesarios para que funcione la clase correctamente en FF, por ej:
.class{
background-color: red;
float: left;
}
Para que en IE6 funcione de manera diferente sin afectar los valores de FF y sin perder nuestra validacion de CSS utilizamos despues del estilo de FF:
*html .class{
backgrond-color: orange;
}
y esto cambia el color del background solamente para IE6 sin perder el float: left de FF.
Y si utilizamos el siguiente:
*:first-child+html .class {
background-color: blue;
}
Sucede lo mismo que con el *html solo que es reconocido solamente por IE7 y de igual manera no pierde los atributos que no hayan sido sobreescritos de la clases principal utilizada para FF.

No hay comentarios:

Publicar un comentario