Maquetar webs para IE y Mozilla Firefox a la vez

Hace mucho tiempo que Mozilla Firefox es mi navegador habitual.

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.

Usuarios que han visto este tema también han visto...

- La oficina 2.0
- Visión General del Comercio Electrónico
- Diagramas que pueden ayudarte a definir el Anchor Text
- Google SiteMap para mejorar la indexación de las páginas web
- 12 preguntas críticas para elevar tus ventas por Internet

- Versión imprimible de este documento

- Enviar por e-mail este documento