viernes, 16 de febrero de 2007

CSS distintas para los navegadores

Bien sabido es que cada navegador interpreta las css casi que a su modo y ello obliga a hacer pequeñas modificaciones para uno u otro navegador.

Para hacer que nuestras páginas tomen una css u otra yo realizo lo siguiente:
(Nota: quitar los espacios después de '<')

1.-La css que me sirve de base la hago basada en firefox y luego genero otras para hacer las modificaciones.


< link type="text/css" rel="stylesheet" href="../css/css_base.css" />


2.- Para la css que modifica para explorer 7


< !--[if gte IE 6]>
< link rel="stylesheet" type="text/css" media="screen" href="../css/ie7_bug.css" />
< ![endif]-->


3.- La css que modifica para explorer 6


< !--[if IE 6]>
< link rel="stylesheet" type="text/css" media="screen" href="../css/ie6_bug.css" />
< ![endif]-->


A destacar:
Los atributos puesto con '_' (que sólo los veía explorer 6 o anteriores) no son válidos por el w3c.
Los estilos que coloquemos con *> el explorer 7 sí los interpreta (aunque no del todo bien) y el explorer 6 no. El firefox también los interpreta.

No hay comentarios: