Tecnología

Inicio

Cómo corregir Internet Explorer 6 Problemas de compatibilidad con CSS

Cómo corregir Internet Explorer 6 Problemas de compatibilidad con CSS


Los desarrolladores web han sabido por mucho tiempo que Internet Explorer 6 (IE6) tiene algunos problemas de compatibilidad evidentes cuando se trata de hojas de estilo en cascada, una de la más famosa es la forma en que interpreta la anchura de artículos en cajas. Estos problemas se hubieran resuelto en versiones posteriores del explorador, pero a partir de diciembre de 2009, IE6 todavía representaba el 21 por ciento de todos los navegadores en uso. Afortunadamente, hay un código especial que puede utilizar para instruir a IE6 utilizar una hoja de estilo independiente, externo o interno. De esta manera, usted puede estar seguro que sus páginas tienen el mismo aspecto en IE6 como lo hacen en más navegadores compatibles con CSS.

Instrucciones

1 Utilice un editor de texto para abrir la página HTML cuyo código que necesita ser arreglado por problemas de compatibilidad.

2 Coloque el cursor entre las etiquetas <head> y </ head>. Usted tendrá que introducir el nuevo código de abajo los enlaces a las hojas de estilo externas y cualquier hoja de estilo interna definida en las etiquetas <head>.

3 Escriba el siguiente código:

<! - [If IE 6]>

<! [Endif] ->

Debido a que este bloque de código comienza y termina de la misma manera como un comentario HTML normal, la mayoría de los navegadores ignorarán todo lo que entre el "<! -" Y - indicadores ">". Internet Explorer, sin embargo, está diseñado para reconocer esta sintaxis como "comentarios condicionales" - una instrucción especial sólo para IE.

4 Añadir una etiqueta <link> entre las etiquetas de apertura y cierre de los comentarios condicionales, si va a utilizar una hoja de estilo separada. Por ejemplo:

<! - [If IE 6]>
<Link rel = "stylesheet" type = "text / css" href = "ie6style.css">
<! [Endif] ->

Reemplazar "ie6style.css" con el nombre que quiere que su hoja de estilo especial IE6 a tener.

5 Añadir una etiqueta <style> entre las etiquetas de apertura y cierre de los comentarios condicionales, si se quiere definir los estilos IE6 internamente. Por ejemplo:

<! - [If IE 6]>
<Style type = "text / css">

</ Style>
<! [Endif] ->

6 Crear la hoja de estilos IE6-específica, ya sea en el archivo CSS independiente mencionados en el Paso 4 o entre las etiquetas <style> etiquetas que agregó en el paso 5. Su hoja de IE6 debe incluir sólo aquellos estilos que deben ser diferentes para rendir correctamente en IE6.

7 Probar la página, en IE6 y un navegador compatible con los estándares, para asegurarse de que está prestando adecuadamente.

Consejos y advertencias

  • El [si el IE 6] condición puede especificar otras versiones de Internet Explorer, o todos ellos. El uso de [si IE 5.5] se aplicaría a los nuevos estilos sólo para Internet Explorer 5.5 (si alguien todavía está corriendo él!), Mientras que [si IE], con ningún número, se aplicaría a todas las versiones. También se dispone de los operadores "lt", "LTE", "GT" y "GET", que significan, respectivamente, "menor que", "menor o igual a", "mayor que" y "mayor o igual a." Por lo tanto [si lte IE 6] se aplicaría a todas las versiones de IE hasta e incluyendo 6.