Compatibilizar IE y MOZILLA
Hace mucho tiempo que Mozilla Firefox es mi navegador habitual (mi amigo eMe es el responsable de este hecho). Tiene todas las características para ser el lider de los browsers. Una de las que más me convence es que cumple los estándares redactados por la W3C. Pero podéis descubrir muchas más ventajas en el artículo Ventajas de Firefox frente a Internet Explorer.
Por otro lado tenemos al MicroSoft Internet Explorer. Microsoft impuso sus estándares sobre los universalmente establecidos del W3C incumpliendo con las especificaciones de HTML a distintos niveles. Pero no debemos olvidar que todavía el browser de Bill Gates reina (68% de los visitantes a BdW lo usan).
El caso, es que esta falta de unificación de criterios hace muchas veces difícil la maquetación de nuestras webs. Lo que queda bien para Mozilla, queda descolocado en el IE… y viceversa. Es un problema. Sobre todo cuando proyectamos layouts con muchos bloques o capas.
Os propongo una solución:
- Creamos tres hojas de estilo:
- estilo.css: Declaración de todos los estilos de la web.
- layoutIE.css: Declaración del layout para una visualización óptima en el Internet Explorer.
- layoutW3C.css: Declaración del layout para una visualización óptima en los browser que siguen los estándares definidos por World Wide Web Consortium.
- En la sección HEAD de la página web añadir el siguiente código:
<link rel=”stylesheet” type=”text/css” href=”estilo.css”>
<link rel=”stylesheet” type=”text/css” href=”layoutW3C.css”>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”layoutIE.css”>
<![endif]–>
Sólo se aplicará la hoja de estilos layoutIE.css si el visitante está usando el Microsoft Internet Explorer como navegador.
01.27.2006 a las 3:15 pm
buah! Buenísimo jota, no lo sabía!
01.27.2006 a las 10:44 pm
Me alegro que te resulte interesante, eMe. Fue la solución que le dí a mis últimas criaturas: cosechero.com y andreabellini.com
01.29.2006 a las 3:17 pm
el uso de condicionales está bastante bien aunque no sé por qué no me termina de funcionar :S
en la hoja de estilos normal le doy un atributo margin-left de -8 px a fieldset para que se me coloque tal y como quiero. sin embargo explorer coloca bien el fieldset sin la necesidad de eso y por tanto también se me descoloca. No se supone que podría redefinir el atributo margin-left a 0px en la hoja de estilos específica de explorer?
01.29.2006 a las 7:39 pm
yo propongo otra solución, que los que usen IE se pasen a Firefox
01.31.2006 a las 2:16 pm
Lo ideal es que los browsers cumplieran con el estandar y punto. Nada de andar adecuando las paginas para q un navegador en concreto se vea bien.
01.31.2006 a las 7:39 pm
Me parece muy interesante este truco, ya lo habia visto en algun lado pero no lo habia comprendido del todo, felicitaciones por el sitio acabo de comenzar a visitarlo y me parece muy bueno!!