Cómo hacer sitios compatibles con IE8 (nivel 1)


Cada vez que sale un nuevo navegador Web o una nueva versión de un navegador ya existente, los diseñadores y desarrolladores de sitios Web empiezan a sentir la horrible presión de ¿funcionará bien mi sitio Web en el nuevo navegador? Cada versión nueva corrige, aumenta o cambia el soporte a HTML/XHTML, CSS, JavaScript, DOM y otros elementos comunes al diseño Web, y estos cambios normalmente significan algunas horas extras de mantenimiento para que todo quede bien, o al menos como estaba, sobre todo en estos días de aplicaciones AJAX.


En el caso de Internet Explorer 8 hay varias formas de asegurar compatibilidad y este tema será el foco de mi próxima serie. Lo primero que debemos preguntar es: ¿cómo sé si mi sitio es compatible con IE8?


La nueva versión de Internet Explorer (que se liberará de forma masiva en unos tres meses) tiene un soporte muy serio y estricto a los estándares Web o recomendaciones del W3C, por lo que algunos sitios que tengan código antiguo (HTML 3, CSS 1, etc.) no funcionarán correctamente. La forma en que nos damos cuenta si un sitio tiene problemas de compatibilidad es navegando el sitio con el IE8 beta 2. En caso de que haya algún problema se mostrará en la barra de navegación un icono con una hoja rota como este:


Modo de compatibilidad de IE8


La forma más inmediata de resolver este problema es muy simple: sólo hay que colocar esta línea de HTML dentro del encabezado (entre los tags de <head>) de la página Web:



<meta http-equiv="X-UA-Compatible" content="IE=7"> 

Este tag es llamado el tag de compatibilidad de IE8, que básicamente le dice al navegador que interprete la página como si fuera IE7. Para sitios más grandes en los que poner el tag página por página no es una opción viable, se puede colocar como header desde el servidor Web:



X-UA-Compatible: IE=EmulateIE7

 


 


En un servidor IIS 7, el procedimiento para hacerlo es el siguiente:




    1. Da click en Start, luego en Administrative Tools y luego en el Internet Information Services (IIS) Manager.

    2. En Connections, da doble clic en el servidor que quiere actualizar y luego da doble clic en Sites.

    3. Da click en el sitio Web donde quieres agregar el encabezado (response header) HTTP.

    4. Bajo nombre del sitio Home, da doble clic en HTTP Response Headers en la sección de IIS. En este paso, nombre del sitio es el nombre del sitio Web.

    5. En Actions, selecciona Add.

    6. En la caja Name escribe X-UA-Compatible.

    7. En la caja Value escribe IE=EmulateIE7.

    8. Da clic en OK.

¡Listo! Este paso, claro está, es un paso para poder actualizar correctamente nuestros sitios Web sin afectar a los visitantes del mismo que utilicen IE8. En el próximo artículo veremos cómo analizar si un sitio es compatible con estándares Web y cómo actualizarlo en caso que no lo sea.


Más informació en el Internet Explorer Compatibility Center.

Comments (6)
  1. Expressate! says:

    El día de ayer se liberó Internet Explorer 8 RC1 ( Release Candidate 1, es decir una versión muy cercana

  2. Miguel says:

    Ey ey, muchas gracias, ya estaba pensando en reescribir todo el codigo, y por ahora la solucion provicional es el tag.

    Un saludo.

  3. No hay de que. Publique una presentación al respecto que puedes bajar desde SlideShare en http://www.slideshare.net/Fate/ie8-y-estandares-web

    Saludos!

  4. Luis says:

    Hey muchas gracias por el código, deberían informar a todos los de soporte de Microsoft… me pasé 40 minutos de mi vida chateando con un asis-tonto que no fue capaz de informarme de ese código. Simplemente me decía que ellos no se adaptaban a las páginas sino las páginas a ellos y que tenía que revisar todo por mi cuenta…

    Nuevamente gracias

  5. miguel angel says:

    hola gracias por esta pagina, discula mi ignorancia si logre poner el codigo para la compatibilidad pero hacer pagina por pagina me es dificil lo que quiero es entender el segundo codigo como se hacer el header desde del servidor para que afecte a toda la web

    gracias

Comments are closed.

Skip to main content