jul
15
2009

Comentarios Condicionales para IE

An article by miguelortega

Comentarios condicionales para internet explorer

Es muy util, tanto CSS, como JS (javascript), fijar condiciones detectando el navegador que estamos utilizando.
Esto solo aplica para los “internet explorer’s” ya que los comentarios condicionales fueron creados para microsoft.

Para que sirve?

Bueno su trabajo es ocultarse para que los navegadores desentes (todos menos ie) no lean dichas lineas comentadas…

Como lo aplico?

Primero deben estar colocados dentro de nuestro <head> y entonces…

Aplicando Condicion

1
2
3

<!--[if condicion ie]> 
Aqui el <strong>HTML</strong> que solo interpretara <strong>IE</strong> donde "condicion" debe variar segun la version... que elijamos
<![endif]–>

Escoger una version

Acontinuacion las variaciones de “condicion” que es donde escogemos la version o versiones que haremos para que lo interprete IE.
Y al igual que “X” es la version del IE, , 5.5, 6, 7, 8.

 IE  
     Cualquier versión de Internet Explorer  
 lt IE X  
    Versiones inferiores a X  
 lte IE X  
     Versiones inferiores o iguales a X  
 IE X  
     Solo para la version X  
 gte IE X  
     Versiones superiores o iguales a X  
 gt IE X  
     Versiones superiores a X

Comentario Condicional IE6 para hoja de estilos CSS

Acontinuacion un ejemplo para usar la condicion a “cualquier IE” y que los navegadores decentes no veran.

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

Comentarios Condicionales para IE

Bueno aqui les dejo las variaciones que puedes hacer, y declarar las condiciones que necesites.

Para condicionar una version del IE en especifico

<!--[if IE 5.5]>Para internet explorer 5.5<![endif]-->  
<!--[if IE 6]>Para internet explorer 6<![endif]-->  
<!--[if IE 7]>Para internet explorer 7<![endif]-->  
<!--[if IE 8]>Para internet explorer 8<![endif]-->

Para condicionar una version del IE en especifico y sus superiores

<!--[if gte IE 5.5]>Para internet explorer 5.5 y superiores<![endif]-->
<!--[if gte IE 6]>Para internet explorer 6 y superiores<![endif]-->
<!--[if gte IE 7]>Para internet explorer 7 y superiores<![endif]-->
<!--[if gte IE 8]>Para internet explorer 8 y superiores<![endif]-->

Para condicionar sus versiones superiores a la elegida

<!--[if gt IE 5.5]>Para versiones superiores a internet explorer 5.5<![endif]-->
<!--[if gt IE 6]>Para versiones superiores a internet explorer 6<![endif]-->
<!--[if gt IE 7]>Para versiones superiores a internet explorer 7<![endif]-->
<!--[if gt IE 8]>Para versiones superiores a internet explorer 8<![endif]-->

Para condicionar sus versiones inferiores a la elegida

<!--[if gt IE 5.5]>Para internet explorer 5.5 e inferiores<![endif]-->
<!--[if lt IE 6]>Para internet explorer 6 e inferiores<![endif]-->
<!--[if lt IE 7]>Para internet explorer 7 e inferiores<![endif]-->
<!--[if lt IE 8]>Para internet explorer 8 e inferiores<![endif]-->

Conclusion de las condicionales y/o sus variaciones de estas.

gt: greater than (version mayor que).
gte: greater than equal (version igual o mayor que).
lt: lower than (version menor que).
lte: lower than equal (version igual o menor que).