Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/11/2010, 07:02
Avatar de DragonX
DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Empleo de comentarios condicionales IE

bien.

Tenes varios condicionales a saber:

Cita:
<!--[if IE]>
[Aquí va nuestro código]
<![endif]-->

<!--[if gt IE 5.5]>
[Esto se mostrará a versiones posteriores a IE 5.5. "gt" = mayor que]
<![endif]-->

<!--[if gte IE 5.5]>
[Esto se mostrará a IE 5.5 y versiones posteriores. "gte" = mayor que o igual]
<![endif]-->

<!--[if lt IE 6]>
[Esto se mostrará a versiones anteriores a IE 6. "lt" = menor que]
<![endif]-->

<!--[if lte IE 6]>
[Esto se mostrará a IE 6 y versiones anteriores. "lte" = menor que o igual]
<![endif]-->
Como verás tenes condicionales generales [if IE] o directamente por versión de IE.

Ahora bien, vos en tu HTML deberias tener esto en el HEAD:

Código HTML:
Ver original
  1. <link href="estilos.css" rel="stylesheet" type="text/css" />

Bien, esa es tu hoja de estilos, los condicionales se pones directamente abajo de este código dentro de tu HTML, como quedaría:

Código HTML:
Ver original
  1. <link href="estilos.css" rel="stylesheet" type="text/css" />
  2.     <!--[if IE]>
  3.    <link href="estilosIE.css" rel="stylesheet" type="text/css" />
  4.    <![endif]-->

Ok, hasta acá tenemos las dos hojas de estilo en el HTML, pero como se "corrijen las cosas" preguntabas, fácil.

Supongamos que tenemos una tipografia que en Explorer queremos que sea roja y bold, pero en los demás browsers queremos que sea negra y normal. Bien en tu CSS general pondrias esto:

Código CSS:
Ver original
  1. .tipografia{color:#000;font-weight:normal;}

y en tu hoja para explorer lo siguiente:

Código CSS:
Ver original
  1. .tipografia{color:#f00;font-weight:bold;}

El browser lee las hojas de estilo en orden descendente, osea que primero lee la hoja general donde la tipo es negra y normal, pero al seguir leyendo para abajo encuentra el Condicional y si es explorer pisa los estilos anteriormente mencionados por los de explorer, rojo y bold.

Me explico?
Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho