Blog / Solucionar problemas con Internet Explorer antigüo

Muchas veces tenemos problemas para visualizar correctamente nuestra página web en Explorer, o en sus versiones antiguas. Aquí tenemos unos cuantos recursos que nos ayudarán a corregir los problemas de visualización que hayamos detectado:

Si no lee etiquetas HTML5:

<!– [if lt IE 9]> <script type=»text/javascript»> document.createElement(«nav»); document.createElement(«header»); document.createElement(«main»); document.createElement(«footer»); document.createElement(«section»); document.createElement(«article»); document.createElement(«aside»); </script> <![endif]–>

Si tenemos que forzar la vista de compatibilidad (primera etiqueta del <head>!!):

<meta http-equiv=»X-UA-Compatible» content=»IE=9; IE=8; IE=7″>
<meta http-equiv=»X-UA-Compatible» content=»IE=9″>
<meta http-equiv=»X-UA-Compatible» content=»IE=EmulateIE8″>
<meta http-equiv=»X-UA-Compatible» content=»IE=Edge»>

CSS para explorer:

<!– [if lt IE 10]> <style type=»text/css»> /*aquí el CSS*/ </style> <![endif]–>

A qué Explorer estás apuntando?

<!–[if IE 9]> = IE 9 <!–[if lt IE 9]> = IE 8 y versiones anteriores <!–[if gte IE 9]> = IE 9 en adelante

Compat Inspector para Explorer Una pequeña herramienta muy útil que nos ayudará a diagnosticar los errores de nuestra página. Se trata de un script que añadimos al <head> y que hace aparecer un programa de diagnósttico cuando abrimos la página en Internet Explorer.

Añadir al head

<script src=»http://ie.microsoft.com/testdrive/HTML5/CompatInspector/inspector.js»></script>

http://ie.microsoft.com/testdrive/HTML5/CompatInspector/

http://ie.microsoft.com/testdrive/HTML5/CompatInspector/help/post.htm