Cómo hacer sitios compatibles con IE8 de manera fácil y rápida
diciembre 4, 2009
4 comentarios
Para aquellas personas que somos responsables de mantener algún sitio web (llámese desarrollar, implementar, diseñar, etc) muchas veces es un gran lío tener que estar peliando con la compatibilidad entre navegadores. Para los usuarios de Internet Explorer 8 existe un botón ubicado en la barra de direcciones que permite ver el sitio web en modo compatibilidad, pero, ¿nuestros usuarios se han dado cuenta de eso?, ¿estarán dispuestos a dar clic cada que entran a nuestro sitio?, ¿querrán volver luego de unas veces y tener que dar siempre clic allí? No lo creo.
Así que, para los que programan sitios web les traigo dos “truquitos” para hacer nuestros sitios web compatibles con IE7 y a su vez con IE8 (especialmente con este último que es el que trae el botoncito).
El primero y que no siempre funciona:
Importar dos scripts a nuestro sitio web que de manera mágica puede llegar a solucionar el problema. Sólo copiar/pegar en el head de nuestro código:
<!--[if lt IE 7]>
<mce:script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" mce_src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></mce:script> <![endif]-->
Esto hace que las visitantes que frecuentan con nuestro sitio web, puedan ver el de nosotros como si lo estuvieran haciendo con IE7.
La otra opción es:
<!--[if lt IE 8]> <mce:script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" mce_src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></mce:script>
<![endif]-->
Que hace que nuestros visitantes con Internet Explorer 5, 6 y 7 vean nuestro sitio web como si lo estuvieran haciendo con IE8.
Usá la opción que mejor te convenga y para la cual hayás probado que tu sitio web es compatible.
Nota: Para que las imágenes png puedan ser formateadas correctamente en IE5 e IE6 con este script, asegúrate que terminen de la forma -trans.png. Así, si tu imagen se llama logo.png, ponelo como logo-trans.png
El segundo método
Ahora supongamos el caso contrario (el que planteaba al inicio). Tenemos un sitio web desarrollado y compatible con IE7, pero nuestros usuarios de IE8 no lo pueden ver bien, y además de eso no se percatan del botón para ver el sitio en modo compatibilidad. Pues bien, esta es una forma de lograr que nuestro sitio se vea en modo compatibilidad automáticamente en IE8 y es sólo agregando la siguiente etiqueta dentro de el head de nuestro sitio:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
¡Y listo!
Espero este dado haya servido. Si alguien sabe de otros métodos sería bueno que los compartiera a modo de comentario.
Comentarios
4 comentarios a “Cómo hacer sitios compatibles con IE8 de manera fácil y rápida”
Deje su opinión
Muy buenos tips, otra buena opción es lo que se esta haciendo con la iniciativa de Adios IE6, es hora de dejar atrás esta version de internet explorer, ojalá les interese: http://www.adiosie6.com
Y con IE 9 que pasa?, yo lo estuve probando y tiene varios problemas con algunos sitios. Solo se pueden ver si abres Internet Explore(sin complementos), pero que usuario hace esto?.
Saludos
Y seguro vas a encontrar más problemas pues IE 9 al día de hoy es un software Beta. Aún no he hecho pruebas con ese navegador, quizás en el futuro postee algo.
Saludos
Buenas, gracias por el aporte, no se me ha corregido el problema en mi sitio, con las versiones anteriores a IE8 se ve mal el home y la parte de escuela http://www.housecinema.com.ar/escuela
Lo testee en Ietester y sigo sin poder corregirlo. El sitio esta bajo joomla.
Agradezco su tiempo!!
Muchas gracias