martes 7 de julio de 2009
Cómo hacer que tu sitio se vea bien en IE8
Hola a todos,
Vamos a dedicar este post al modo de compatibilidad “hacia atrás” de IE8. Como sabéis hace un tiempo que apareció IE8, y entre sus muchas ventajas (en serio ;)) destacamos la buena aplicación que hace de estándares HTML (llegará el día en que una página web, se verá idéntica en todos los navegadores, tened fe!!).
No obstante, esta ventaja, puede hacer que algunos de los sitios web que hemos desarrollado con anterioridad a IE8 no se visualicen correctamente. Manos arriba a quien IE8 le haay “roto” su aplicación web!! :)
Por suerte, contamos con la posibilidad de ordenarle a IE8 que tu página se vea como si tuvieras el IE7. Para ellos existen 3 opciones (más bien 4):
La primera, le pedimos al usuario que pinche en el botón de “activar vista de compatibilidad” (lo tenéis al finalizar la barra de direcciones). Es una opción, pero desde luego, poco viable.
La segunda opción, es establecer una directiva a nivel de la página que se ve mal. Esto es tan sencillo como añadir la siguiente cabecera (en el <head>):
<meta content="”IE-EmulateIE7”" equiv="”X-UA-Compatible”">
Ta chann!! Nuestra página ya se ve bien.
La opción anterior tiene el problema de que debe hacer a nivel de página. Es decir, en todas las páginas del sitio web. Para evitar esto, tenemos la opción de configurarlo a nivel de todo el sitio. Para ello, nos vamos a la configuración del IIS, y en el sitio web que queremos hacer compatible, buscamos la opción “HTTP Response Header” y añadimos una nueva cabecera, donde como nombre pondremos: X-UA-Compatible y como value: IE-EmulateIE7
De esta forma, todas nuestras páginas tendrán esa cabecera.
La 4 opción es para los administradores de sistemas, y pueden definir esto mismo, usando directivas de grupo. Por ejemplo, pueden hacer que todos los que estamos en nuestro dominio, veamos los sitios web con compatibilidad. Pero sobre esta opción no vamos a hablar, si no que os dejo un excelente video del crack David Salgado donde explica lo mismo que os he contado, y esta 4ª opción. Os recomiendo el video, porque así podéis verlo todo en funcionamiento (por eso no os he puesto ningún pantallazo).
http://channel9.msdn.com/posts/davidsb/Modo-compatibilidad-de-IE8/
Nada más, espero que os sirva.
Nos vemos en el próximo post!!
Vamos a dedicar este post al modo de compatibilidad “hacia atrás” de IE8. Como sabéis hace un tiempo que apareció IE8, y entre sus muchas ventajas (en serio ;)) destacamos la buena aplicación que hace de estándares HTML (llegará el día en que una página web, se verá idéntica en todos los navegadores, tened fe!!).
No obstante, esta ventaja, puede hacer que algunos de los sitios web que hemos desarrollado con anterioridad a IE8 no se visualicen correctamente. Manos arriba a quien IE8 le haay “roto” su aplicación web!! :)
Por suerte, contamos con la posibilidad de ordenarle a IE8 que tu página se vea como si tuvieras el IE7. Para ellos existen 3 opciones (más bien 4):
La primera, le pedimos al usuario que pinche en el botón de “activar vista de compatibilidad” (lo tenéis al finalizar la barra de direcciones). Es una opción, pero desde luego, poco viable.
La segunda opción, es establecer una directiva a nivel de la página que se ve mal. Esto es tan sencillo como añadir la siguiente cabecera (en el <head>):
<meta content="”IE-EmulateIE7”" equiv="”X-UA-Compatible”">
Ta chann!! Nuestra página ya se ve bien.
La opción anterior tiene el problema de que debe hacer a nivel de página. Es decir, en todas las páginas del sitio web. Para evitar esto, tenemos la opción de configurarlo a nivel de todo el sitio. Para ello, nos vamos a la configuración del IIS, y en el sitio web que queremos hacer compatible, buscamos la opción “HTTP Response Header” y añadimos una nueva cabecera, donde como nombre pondremos: X-UA-Compatible y como value: IE-EmulateIE7
De esta forma, todas nuestras páginas tendrán esa cabecera.
La 4 opción es para los administradores de sistemas, y pueden definir esto mismo, usando directivas de grupo. Por ejemplo, pueden hacer que todos los que estamos en nuestro dominio, veamos los sitios web con compatibilidad. Pero sobre esta opción no vamos a hablar, si no que os dejo un excelente video del crack David Salgado donde explica lo mismo que os he contado, y esta 4ª opción. Os recomiendo el video, porque así podéis verlo todo en funcionamiento (por eso no os he puesto ningún pantallazo).
http://channel9.msdn.com/posts/davidsb/Modo-compatibilidad-de-IE8/
Nada más, espero que os sirva.
Nos vemos en el próximo post!!
entrada de Luis Mañez a las
01:07
|
0 comentarios
