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

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, diseñadores web se presenta con un nuevo conjunto de errores que rompen sus hermosos diseños. Los diseñadores también se enfrentan a la perspectiva de que desde Internet Explorer no se auto-actualización al igual que otros navegadores, muchos usuarios nunca actualizar a 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 comment etiquetas a todos los demás navegadores, por lo que sirve diferentes hojas de estilo para diferentes versiones de Internet Explorer ya no requiere JavaScripts poco fiables.

Instrucciones

1

Abra el archivo HTML de su sitio web que contiene los <head> y </ head>. En los sitios web HTML estáticas, esto significa que usted necesita para abrir cada archivo HTML utilizado por el sitio web. Utilice un programa como Notepad ++, Coda o jEdit, o puede editar en Windows Bloc de notas. No edite los archivos HTML en Microsoft Word.

2

Busque la etiqueta que contiene el enlace a su hoja de estilos. Algunos sitios tienen más de uno, pero todos se parecen mucho a este:

<Rel = href = "stylesheet" vínculo "ruta / a / yourstyle.css" />

Añadir una nueva etiqueta <link> y establezca el atributo "href" para la ruta a su nueva hoja de estilo para Internet Explorer 8. Asegúrese de agregar esta etiqueta <link> después de que los demás lo que el navegador lee pasado, después de aplicar el normal estilos.

3

Añadir Internet Explorer etiquetas condicionales alrededor de la nueva etiqueta <link>. Para apuntar solamente Internet Explorer 8, hacerlo de esta manera:

<! - [Si IE 8]>

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

<! [Endif] ->

Debido a que las sentencias condicionales son esencialmente comentan etiquetas con algo de código condicional en ellos, los navegadores no Internet Explorer los tratan como comentarios de código. Comentarios de 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 guárdelo como "ie8.css" o cualquier otro nombre que se siente es adecuado. 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 establece párrafos para alinear a la izquierda en la hoja de estilo principal y luego los puso con una alineación a la derecha en el archivo ie8.css, Internet Explorer 8 muestra el texto alineado a la derecha. Sin embargo, si usted declaró un estilo de texto alineado a la izquierda en la propia etiqueta HTML, pantallas de texto no importa qué navegador utiliza un visitante alineado a la izquierda.

Consejos y advertencias

  • Utilice un doctype correcto para los archivos HTML para evitar errores desordenados. Trate de escribir código CSS que es compatible con todos los navegadores primero, y cuando eso no es posible, a continuación, crear un archivo CSS extra. Etiquetas condicionales y una hoja de estilos adicional debe ser su opción de último recurso.
  • Incluyendo un archivo CSS diferente para cada versión de Internet Explorer agrega demasiadas solicitudes HTTP a su sitio. Cuando el navegador tiene que tomar muchos archivos adicionales, se ralentiza el tiempo de carga de la página. Versiones del navegador de destino 8 y menores mediante el uso de <! - [Si lte IE 8]> en lugar de <! - [Si IE 8]>.