¡Foto!

¡Envia tu foto al Fotomaton!

Trucos HTML: condicional en Internet Explorer

12 comentarios · Escrito el 4-Jul-2005 · 12.986 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 <!-- comentario --> 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.


12 Comentarios


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%...

Por cumic hace 3 años Opera / Windows XP

1

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

Por cumic hace 3 años Opera / Windows XP

2

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.

Por cumic hace 3 años Opera / Windows XP

3

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]-->

Por cumic hace 3 años Opera / Windows XP

4

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

Por Carma hace 3 años Internet Explorer / Windows 2000

5

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". )

Por jgarcía hace 3 años Mozilla Firefox / Windows XP

6

Esta re bueno su sitio

Por german hace 2 años Internet Explorer / Windows XP

7

Gracias, me has salvado la vida!

Por Arzakon hace 2 años Mozilla Firefox / Linux

8

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

Por MIMy hace 2 años Internet Explorer / Windows XP

9

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

Por chiquitap2006 hace 2 años Internet Explorer / Windows XP

10

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

Por brnni_TTA hace 2 años Internet Explorer / Windows XP

11

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

Por G4T1lL3R0 hace 1 año Internet Explorer / Windows XP

12

Deja tu comentario


Si no tienes fotografía o dibujo asociado a tu email, puedes elegir uno haciendo clic sobre la imagen o en este enlace.

Gravatar



Suscribirme además a los nuevos artículos de este blog en mi email.

Consejos


  • Los comentarios pueden tardar algunos minutos en aparecer debido al sistema de caché.
  • Los comentarios fuera del tema del artículo (OFF-Topic) serán eliminados. Se permiten temas ligeramente relacionados.
  • No dejes datos personales (número de teléfono o celular, direcciones de correo, etc...) en los comentarios.
  • Escribir completamente en MAYUSCULAS en Internet equivale a GRITAR y está mal visto. Evitalo.
  • No utilices lenguaje SMS, en Emezeta no cobramos por letras escritas. Escribe correctamente.
  • No hagas publicidad dejando enlaces. En Emezeta se aplica el tag nofollow, que hace que Google ignore esos enlaces.
  • No insultes. Tus datos quedan almacenados y serás el único responsable de tus palabras. Se permite la libertad de expresión, pero no los comentarios groseros.
  • Cuando hagas una crítica, argumenta detalladamente tu opinión. Explicanos porque no estás de acuerdo, quizás los demás estemos equivocados.
  • 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.