¡Foto!

¡Envia tu foto al Fotomaton!

Trucos HTML: condicional en Internet Explorer

13 comentarios · 12.406 lecturas · html y css

Dentro de la gran cantidad de chapucerías con respecto a los estándares W3C que han cometido nuestros amigos de Microsoft en su querido Internet Explorer, hubo algún desarrollador que tuvo una brillante idea: la de implementar un sistema de condicionales dentro de un comentario SGML.

Me explico. El motor del Internet Explorer es capaz de reconocer dentro de un un condicional con el cuál indicarle hacer una acción determinada si el navegador usado es el que se especifica. El formato es el siguiente:

<!--[if (condicional) IE (versión)]>
... código HTML ...
<![endif]-->

Donde condicional es:

  • gte : mayor o igual que
  • gt : mayor que
  • lt : menor que
  • lte : menor o igual que
  • (nada) : igual que

Y en versión podemos indicar la versión del Internet Explorer deseada. Así podrían quedar cosas como las siguientes:

Si nuestro navegador es anterior al IE6...
<!--[if lt IE 6 ]>
Tu versión de Internet Explorer es demasiado antigua.
<![endif]-->

Si nuestro navegador es superior al IE5.5 carga una hoja de estilos determinada...
<!--[if gte IE 5.500 ]>
<link rel="stylesheet" type="text/css" href="estilosIE.css">.
<![endif]-->

Si nuestro navegador es IE en cualquier versión...
<!--[if IE]>
¡Estás usando Internet Explorer! ¿Porqué no te bajas Firefox? ;-)
<![endif]-->

Esto puede ser ideal para diseñar soluciones y CSS Hacks para webs estándar que están perfectamente diseñadas pero se ven mal en el navegador del lado oscuro... al menos hasta que salga el esperado IE7.


13 comentarios · Escrito el 4-Jul-2005 · Ver menciones
Recomendar por correo · Meneame · Añadir a del.icio.us

13 Comentarios


#1 Publicado hace 3 años
cumic Lector

Navegando con Opera
Bajo Windows XP

El problema no se va a solucionar cuando salga ie7, mucha gente va a seguir con ie6, pero muchísima. Están acostumbrados a nuevos Windows, no a nuevos navegadores (es decir, que solo cambian de navegador si actualizan su Windows).

Ahora, hay gente que incluso maqueta sus webs en css pensando en IE para Mac, algo que me parece increíble... O sea, que el problema será el mismo, pero ahora en vez de ser el 90% será el 50%...

#2 Publicado hace 3 años
cumic Lector

Navegando con Opera
Bajo Windows XP

De todas formas, el hack está cojonúo! ;)

#3 Publicado hace 3 años
cumic Lector

Navegando con Opera
Bajo Windows XP

Por cierto, ¡has quitado los globitos! En Opera esos globos no se terminan de ver muy bien, porque sale por defecto un globo en cada enlace especificando la dirección y el title si lo hubiera.

#4 Publicado hace 3 años
cumic Lector

Navegando con Opera
Bajo Windows XP

Días después vuelvo para comentarte que es muy útil, y para decirte que existe lo contrario, es decir, que aparezca código que ignore ie y los demás lo lean: las etiquetas <*comment> (sin asteriscos). Un pequeño ejemplo, combinando las dos cosas:

<*!--[if IE]>
¿Todavía sufriendo IE? Prueba a navegar con un navegador.
<*![endif]-->

<*!--[if IE]>
<*comment>
<*![endif]-->

Tú sí utilizas un buen navegador :)

<*!--[if IE]>
<*/comment>
<*![endif]-->

#5 Publicado hace 3 años
Carma Lector

Navegando con Internet Explorer
Bajo Windows 2000

Wenas me gustaria saver si m puedes agregar a mi korreo msn pra preguntarte unas kosas asias

#6 Publicado hace 3 años
jgarcía Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Muchas gracias por la información.

Creo que debes quitar el punto final que tienes en el ejemplo ( link rel="stylesheet" type="text/css" href="estilosIE.css". )

#7 Publicado hace 2 años
german Lector

Navegando con Internet Explorer
Bajo Windows XP

Esta re bueno su sitio

#8 Publicado hace 2 años
Arzakon Lector

Navegando con Mozilla Firefox
Bajo Linux

Gracias, me has salvado la vida!

#9 Publicado hace 2 años
MIMy Lector

Navegando con Internet Explorer
Bajo Windows XP

Ola soy paloma pero me llaman mimy, eskribo este mensaje xk no se taba aburria y pa ke la ente ma gregue weno solo era eso...

MIMY

#10 Publicado hace 2 años
chiquitap2006 Lector

Navegando con Internet Explorer
Bajo Windows XP

Hola yo kiero saber poner letras lindas y escrisbo solo poq toy aburrida!

#11 Publicado hace 2 años
brnni_TTA Lector

Navegando con Internet Explorer
Bajo Windows XP

Ola..!! io escribo aki porq pasaba nada mas y necesito ver las escalas d los colores para el nick del msn.... weno un salu2

(k)(k) y postteen www.fotolog.com/brnni_TTa

AAAAAAAAAAAiiiiiiiiiiiiiiOOOOOOOOOOOOssssssss

#12 Publicado hace 1 año
pablo Lector

Navegando con Internet Explorer
Bajo Windows XP

Buen video.............................................sigue adelante.

#13 Publicado hace 1 año
G4T1lL3R0 Lector

Navegando con Internet Explorer
Bajo Windows XP

Saludos José espero mas informacion ! Muy bueno tu blog
Echate una vuelta por mi y me comentas !

amm bueno creo k el servicio para fotos no esta disponible !Sale

Deja tu comentario


en Internet.




Consejos


  • Los comentarios fuera del tema del artículo (OFF-TOPIC) serán eliminados.
  • Escribir completamente en MAYUSCULAS en Internet equivale a GRITAR y está mal visto.
  • No utilices lenguaje SMS, en Emezeta no te cobramos por letras escritas.
  • No hagas publicidad de tu página o dejes enlaces en el comentario para aumentar el PR o la popularidad en buscadores. En Emezeta se aplica el tag nofollow, que hace que Google ignore esos enlaces.
  • No insultes. Al escribir un comentario tus datos quedan almacenados y serás el único responsable de tus palabras. Se permite la libertad de expresión y de opinión, pero no los comentarios ofensivos.
  • Puedes insertar algunas etiquetas HTML en los comentarios: em, a href, b, i, em, code, acronym y strong.
  • Es posible añadir una foto junto a tus comentarios, para ello sólo tienes que personalizarla en Gravatar. [?]

Envía tu foto


Fotomatón Emezeta

Envia tu fotografía al fotomatón de Emezeta. Puedes enviar varias y saldrás en la portada de Emezeta.


Artículo de http://www.emezeta.com/

10 consultas efectuadas / Página generada en 0.048 segundos

Programado íntegramente por José Román (Manz) en XHTML y CSS estándar.

Sindicado bajo Feed RSS. Contenido bajo licencia Creative Commons

Estadísticas de visitas · Términos y condiciones · Contacto · Publicidad · Preguntas frecuentes (FAQ)