Problemas con Internet Explorer

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 programita 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