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] >
<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] >.
Artículos relacionados
- Cómo crear una hoja de estilos CSS internas
- Cómo indentar un párrafo al crear una página Web con una hoja de estilos CSS
- Cómo crear una hoja de estilo en Dreamweaver
- Cómo editar una hoja de estilo CSS en Dreamweaver CS 3
- Cómo crear una hoja de estilos para una página Web con Dreamweaver
- Cómo crear una hoja de contacto de PDF para tu cliente
- Cómo crear una nueva página de inicio con Internet Explorer
- Cómo crear una hoja de estilos externa
- Solución de problemas de una barra de herramientas de Google para Internet Explorer