Compatibilizar IE y MOZILLA
Autor: jgarcia | Archivado en: CSS, Diseño Web, HTML el día 27/Ene/2006
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:
1 2 3 4 5 | <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.
buah! Buenísimo jota, no lo sabía!
Me alegro que te resulte interesante, eMe. Fue la solución que le dí a mis últimas criaturas: cosechero.com y andreabellini.com
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?
yo propongo otra solución, que los que usen IE se pasen a Firefox :D
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.
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!!
El único incordio, esque hay que picar los 3 CSS. Deberian de multar a las empresas que no sean legales con W3C. Si no, ¿pa q cño esta?.
Saludos y chapó por tu espacio.
Estimado:
Tengo el siguiente problema.
como puedo hacer para que en iexplorer yo pueda tomar el valor de un campo ?
tengo esto:
el form se llama f1.
en javascript:
usuario: document.f1.usuario.value;
el problema esta en que si quiero reenviar esta variable a mi misma pagina, es decir al mismo script no me deja.
pero si la muestro con un alert antes de mandarla, me la muestra, ok
Podras asesorame un poco.
Estaré muy agradecido si lo haces.
Saludos cordiales.
Luis
Buena ayuda si señor!! Se agradece :)