Cómo hacer una página web compatible con Internet Explorer 7

Una de las partes más frustrantes de desarrollo de sitios web es conseguir una página web para buscar idéntico en todos los principales navegadores. Dado que cada navegador lee el código de forma ligeramente diferente, debe ajustar ligeramente su código para cada navegador para leer correctamente. Internet Explorer suele ser el navegador más difícil de codificar. A partir de Internet Explorer 7, Microsoft ha trabajado para hacer que el navegador de código leer de manera similar a otros navegadores. Todavía tiene algunas peculiaridades, sin embargo. Al codificar para Internet Explorer 7 debe realizar algunos ajustes a su código, en especial a las hojas de estilo en cascada (CSS), con el fin de que se muestre correctamente.

Instrucciones

1 Eliminar la estrella HTML hackear de su CSS. En el pasado, se utilizó el truco estrella para dirigir el contenido CSS sólo para el navegador Internet Explorer. Dicho código es el siguiente:

html #content {width: 100px;}

A partir de IE7, sin embargo, este truco ya no funciona. Internet Explorer ignorará uso del código de estrella.

2 Retire CSS 3 desde el código. CSS 3 fue lanzado en enero de 2010 y sólo funciona en las nuevas versiones de los principales navegadores. Mientras que Internet Explorer 7 puede comprender algo de él, si su sitio se basa principalmente en CSS 3 no será el mismo que en el navegador. Lo mejor es eliminar todos los CSS 3 desde su sitio.

3 Usando la herramienta de selección infantil para ocultar CSS de Internet Explorer ya no funciona, por lo que llevarlo a cabo. Un selector de hijo es como la siguiente:

text {color: # 000000;}

html> #text cuerpo {color: #cccccc;}

Internet Explorer 6 y anteriores leer y procesar la primera línea de código, pero ignoró la segunda línea. Cada otro navegador lee la segunda línea y la usa. Esto es útil cuando la construcción de un sitio en torno a las peculiaridades de IE. Sin embargo, Internet Explorer 7 ahora entiende selectores de hijos, por lo que procesará la segunda línea también. Esto ya no es un camino viable para ocultar el código de Internet Explorer.

4 Ejecutar su CSS y HTML a través del W3C Validador de marcado (ver "Recursos"). Este programa se asegura de que su código está a la altura de la World Wide Web Consortium. Mientras se ejecuta el código a través de esto no garantiza que se verá perfecto en IE7, le ayuda a mostrar los errores que podrían causar problemas en su código.

5 Utilizar comentarios condicionales para mostrar el código sólo a Internet Explorer. Un comentario condicional se ve así:

<! - [If IE 7]> <link rel = "stylesheet" type = "text / css" href = "css / ie7stylesheet.css" /> <! [Endif] ->

En este ejemplo, los vínculos de comentarios condicionales a una hoja de estilo construidas sólo para Internet Explorer 7. La construcción de una segunda hoja de estilo sólo para Internet Explorer 7 es una manera de moverse por las peculiaridades de CSS. También puede agregar código HTML y comentarios de texto en medio de los comentarios que acaba de Internet Explorer 7 usuarios pueden ver.