Comentarios condicionales para IE Publicada el Sábado 9 de Junio de 2007 a las 2:29 am por Infected-FX
Esto no es algo nuevo, pero vale la pena tenerlo como referencia, ya que supongo que muchos de nosotros tenemos que lidiar con esas molestas versiones de Internet Explorer que llegan a volvernos loco, que ya se ve bien en IE7 pero que en IE6 no y luego para rematar el IE5 hace alguna chorrada... etc... etc.... por suerte existe una "solución" para esto que la gran mayoría que andamos en este medio usamos.
Se trata sobre condicionar la versión de Internet Explorer para cargar en este caso una CSS específica para esa versión, podemos tener para cualquier version (desde la 5+) ó simplemente podemos poner una genérica para todas las versiónes de IE.
Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.
Los comentarios condicionales funcionan de la siguiente forma:
-
<!--[if IE 6]>
-
Instrucciones específicas para IE 6
-
<![endif]-->
- Su estructura básica es igual que un comentario del HTML (< ! - - - - >). Por lo tanto el resto de los browsers los considerarán como comentarios normales y no harán caso de ellos enteramente.
- El Explorador ha sido programado para reconocer esta sintaxis
- Puesto que los comentarios condicionales utilizan la estructura del comentario del HTML, pueden ser incluidos solamente en archivos HTML y no en archivos CSS. Habría sido preferible poder poner la sintaxis en las CSS, pero bueno... al menos podemos cargar CSS específicas para IE.
-
<!--[if IE]>
-
Condicional para cualquier versión de Internet Explorer
-
<![endif]-->
-
<!--[if IE 5]>
-
Condicional para la versión 5 de Internet Explorer
-
<![endif]-->
-
<!--[if IE 5.0]>
-
Condicional para la versión 5.0 de Internet Explorer
-
<![endif]-->
-
<!--[if IE 5.5]>
-
Condicional para la versión 5.5 de Internet Explorer
-
<![endif]-->
-
<!--[if IE 6]>
-
Condicional para la versión 6 de Internet Explorer
-
<![endif]-->
-
<!--[if IE 7]>
-
Condicional para la versión 7 de Internet Explorer
-
<![endif]-->
Eso es cuando queremos que sea genérico ó específica la condicional para alguna versión de Internet Explorer, pero también existen condicionales donde podemos definir si es tal versión ó superior y viceversa, si es tal versión ó inferior. Por ejemplo:
-
<!--[if gte IE 5]>
-
Condicional para versiones superiores de Internet Explorer 5
-
<![endif]-->
-
<!--[if lt IE 6]>
-
Condicional para versiones inferiores de Internet Explorer 6
-
<![endif]-->
-
<!--[if lte IE 5.5]>
-
Condicional para la version 5.5 o inferiores de Internet Explorer
-
<![endif]-->
-
<!--[if gt IE 6]>
-
Condicional para versiones superior a Internet Explorer 6
-
<![endif]-->
Como verán es muy sencillo definir los parámetros para este tipo de cosas y la sintaxis no es complicada:
- gt: greater than (mayor que...)
- lt: less than (menor que...)
- lte: less than or equal to (menor ó igual que...)
La referencia completa y original la pueden encontrar en el sitio QuirksMode
Juanjo Vargas
Junio 9, 2007 a las 3:36 am
* gt: greater than (mayor que…)
* lt: less than (menor que…)
* lte: less than or equal to (menor ó igual que…)
No conocia estos parametros :O ke bueno infected ^^!
bufalo_1973
Junio 9, 2007 a las 6:37 am
falta gte (greater than or equal).
Chicoblog
Junio 9, 2007 a las 8:38 am
Interesante!
Simplemente es muy util x)!
Saludos :o
PD: Yo tampoco conocia esos parametros :o
gil sanjuan
Junio 9, 2007 a las 2:32 pm
hola k tal, algo k va con esto es que a la hora de aplicarlos tienes que ver el resultado, y les comento k acabo de instalar windows vista de ba-k, que anda muy bien. lo unico malo esk tre el ie 7, y no e encontrado algo k me permita ejecutar tambien el ie 6, para poder ver el resultado del css, probe este soft, http://tredosoft.com/Multiple_IE,
k te permite ejecutar explorers desde el 5.5 hasta el 7, muy util, el problema esk en vista no me funciono, tambien busque una version portable del ie 6, pero nada no encontre nada. :,( alguien de tendra, o sabra de alguna solucion a esto?, le agradeceria mucho su info, de antemano gracias, un saludo deste tepic nayarit mx.
Robot-Digital
Junio 17, 2007 a las 10:40 pm
hola como hecho andar eso en un sistema php de mambo??? ya que no funcioan como si feura wordpres con esto
Infected-FX
Junio 18, 2007 a las 6:29 am
@juanjo: resultan muy útiles a la hora de estar peleando con internet explorer.
@bufalo_1973: Tienes razón, me faltó ese, gracias por la referencia ^^
@Chicoblog: Me alegra que te pueda ser de utilidad bro. Saludos.
@gil sanjuan: Muchas gracias bro, si es la versión que utilizo aunque en lo personal prefiero usar las versiones standalone ya que las del multiple ie vienen con modificaciónes como el soporte de png’s y no se que otras más.
@Robot-Digital: Esto no es exclusivamente para WordPress, puedes utilizarlo en cualquier sitio, lo único que tienes que hacer es ubicar la etiqueta head en tu template en este caso de Mambo.
globerubi
Julio 20, 2007 a las 2:52 pm
Infected-FX : una pregunta estupida hay ELSE en esta condicion