Tecnología

Inicio

Cómo crear una hoja de estilos CSS secundaria para Internet Explorer 8

July 30

Cómo crear una hoja de estilos CSS secundaria para Internet Explorer 8


Cada vez que Microsoft lanza una nueva versión de Internet Explorer, los diseñadores web se presenta con un nuevo conjunto de errores que rompen sus bellos diseños. Los diseñadores también se enfrentan con la perspectiva que desde Internet Explorer no lo hace auto-actualización al igual que otros navegadores, muchos usuarios nunca se actualicen a las versiones más recientes. La buena noticia es que Microsoft ha dado a los diseñadores un conjunto de etiquetas condicionales que se parecen a las etiquetas de comentarios a todos los demás navegadores, por lo que sirve diferentes hojas de estilo para diferentes versiones de Internet Explorer ya no requiere JavaScript poco fiables.

Instrucciones

1 Abra el archivo HTML de su sitio web que contiene los <head> y </ head>. En las páginas web HTML estáticas, esto significa que es necesario abrir cada archivo HTML utilizado por el sitio web. Utilizar un programa como Notepad ++, Coda o jEdit, o puede editar en la libreta de Windows. No edite los archivos HTML en Microsoft Word.

2 Ubicar la etiqueta que contiene el enlace a la hoja de estilo. Algunos sitios tienen más de uno, pero todos se parecen mucho a esto:

<Rel = href = "stylesheet" enlace "ruta / a / yourstyle.css" />

Agregar una nueva etiqueta <link> y establezca el atributo "href" para la ruta a su nueva hoja de estilos para Internet Explorer 8. Asegúrese de añadir esta etiqueta <link> después de los otros por lo que el navegador lee el último, después de aplicar la regularidad estilos.

3 Añadir Internet Explorer etiquetas condicionales alrededor de la nueva etiqueta <link>. Sólo estén dirigidos a Internet Explorer 8, hacerlo de esta manera:

<! - [If IE 8]>

&lt;link rel="stylesheet" href="path/to/yourstyle.css" />

<! [Endif] ->

Debido a que las sentencias condicionales se comentan en esencia etiquetas con algo de código condicional en ellos, los navegadores de Internet Explorer no los tratan como comentarios de código. Los comentarios del código, que se utiliza en muchos lenguajes de programación, no hacen más que proporcionar texto para alguien que está editando el código para leer.

4 Crear un archivo en blanco y guardarlo como "ie8.css" o cualquier otro nombre que estime conveniente. Aquí puede añadir estilos alternativos para Internet Explorer 8. Debido a que el último estilo declarado en una página web tiene prioridad sobre todos los demás, si se establece párrafos para alinear a la izquierda en la hoja de estilo principal y luego defina por medio de una alineación a la derecha en el ie8.css archivo, Internet Explorer 8 muestra el texto alineado a la derecha. Si usted declaró un estilo de texto alineado a la izquierda en la propia etiqueta HTML, sin embargo, alineado a la izquierda de pantallas de texto no importa qué navegador utiliza un visitante.

Consejos y advertencias

  • Use un tipo de documento adecuado para sus archivos HTML para evitar errores desordenados. Trate de escribir código CSS que es compatible con todos los navegadores en primer lugar, y cuando eso no es posible, a continuación, crear un archivo CSS adicional. etiquetas condicionales y una hoja de estilo adicional debe ser su opción de último recurso.
  • Incluyendo un archivo CSS diferente para cada versión de Internet Explorer agrega demasiadas peticiones HTTP a su sitio. Cuando el navegador tiene que tomar muchos archivos adicionales, se ralentiza el tiempo de carga de las páginas. versiones de navegadores de destino de 8 años utilizando <! - [Si lte IE 8]> en lugar de <! - [if IE 8]>.