sinprogramar.blogspot.com

15/9/10

Cargar CSS distintos según versión de Internet Explorer

Si llevas tiempo maquetando ya sabrás que las reglas HTML/CSS no son iguales para todos los navegadores. El asunto es especialmente escandaloso en Internet Explorer 6, un navegador que pese a los años que han pasado desde su lanzamiento, sigue teniendo un considerable número de usuarios. Cuando hablamos de versiones posteriores de Explorer las diferencias respecto a otros navegadores siguen siendo notables, incluso de una versión a otra hay distintos comportamientos.

Para corregir diferencias, una de las opciones que tenemos son los condicionales que sólo leen los Internet Explorer. Los condicionales se pueden utilizar tanto para cargar hojas de estilos especificas o estilos en linea. Se añaden dentro del "HEAD" después de los estilos comunes.

Ejemplo de condicional para todos los Internet Explorer que carga una hoja de estilo complementaria:

<!--[if IE]>
<link href="css/explorer.css" rel="stylesheet" type="text/css">
<![endif]-->

Ejemplo de condicional con estilo en linea para Explorer 6:

<!--[if IE 6]>
<style type="text/css">

body{
background-color:#000;
</style>
<![endif]-->

Ejemplo completo:

<html>
<head>

<title>CSS para explorer</title>

<link href="css/estilos.css" rel="stylesheet" type="text/css">

<!--[if IE]>

<style type="text/css">

body{

background-color:#000;

</style>

<![endif]-->

</head>

<body>

<p>Contenido</p>

</body>

</html>

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.


Creative Commons License