ubiquitour.com

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

Cada vez que Microsoft lanza una nueva versión de Internet Explorer, diseñadores de páginas Web se presentan con un nuevo conjunto de fallos que rompen sus hermosos diseños. Los diseñadores también se enfrentan a la perspectiva que desde Internet Explorer no uno mismo-actualización como otros navegadores, muchos usuarios no actualización a versiones recientes. La buena noticia es que Microsoft ha dado a los diseñadores un conjunto de etiquetas condicionales que parecen etiquetas de comentario para todos los navegadores, para que ya no servir hojas de estilo diferentes para diferentes versiones de Internet Explorer requiere JavaScripts no fiables.

Instrucciones

1 Abrir archivo HTML de su sitio web que contiene el < head > y < / cabeza > etiquetas. En páginas web HTML estático, esto significa que tendrás que abrir cada archivo HTML de la Web. Utilizar un programa como Notepad ++ o jEdit, o se puede editar en el Bloc de notas de Windows. No modifique los archivos HTML en Microsoft Word.

2 Busque la etiqueta que contiene el enlace a la hoja de estilos. Algunos sitios tienen más de uno, pero todos parecen muy similar a esto:

< link rel = "stylesheet" href="path/to/yourstyle.css" / >

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

3 Añadir Internet Explorer condicional alrededor de la nueva etiqueta < link >. Para llegar a sólo Internet Explorer 8, hacerlo así:

<!--[Si IE 8] >

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

<! [endif]-->

Porque las sentencias condicionales son esencialmente comentario etiquetas con código condicional en ellos, navegadores - Internet Explorer no los tratan como comentarios. Comentarios, utilizadas en muchos lenguajes de programación, no hacen más que proporcionan texto para alguien que está editando el código a leer.

4 Crear un archivo en blanco y guardar como "ie8.css" o lo que sea otro nombre que sientes es adecuado. Aquí puede Agregar estilos alternativos para Internet Explorer 8. Porque el estilo pasado declaró en una página Web tiene prioridad sobre todos los demás, si se establece en los párrafos para alinear a la izquierda en la hoja de estilo principal y luego puso una alineación correcta en el archivo ie8.css, Internet Explorer 8 muestra texto alineado a la derecha. Si se declara un estilo de texto alineado a la izquierda en la etiqueta HTML sí mismo, sin embargo, texto alineado a la izquierda muestra sin importar qué navegador utiliza un visitante.

Consejos y advertencias

  • Utilizar un doctype adecuado para los archivos HTML para evitar bugs desordenados. Trate de escribir código CSS que es compatible con todos los navegadores en primer lugar y cuando eso no es posible, crear un archivo CSS adicional. Etiquetas condicionales y una hoja de estilo adicional deben ser su opción de último recurso.
  • Incluir un archivo CSS diferente para cada versión de Internet Explorer añade demasiadas peticiones HTTP a su sitio. Cuando el navegador tiene que agarrar muchos archivos extras, disminuye el tiempo de carga de página. Objetivo versiones 8 y menores utilizando <!--[si lte IE 8] > en lugar de <!--[Si IE 8] >.