Se viene IE7…. ¡huid! (actualizado)

Para todos quienes hemos peleado con IE5, 5.5 y 6, nuestras pesadillas están lejos de terminar… Con el inminente lanzamiento de IE7, Microsoft ha llamado a los desarrolladores a eliminar los hacks creados durante años, ya que supuestamente estarán arreglados con el advenimiento de este nuevo browser. En ese entonces, todos nos asustamos, ya que un nuevo dolor de cabeza se nos venía en frente. Recientemente, Microsoft hace otro anuncio, donde expresa que obligará a sus usuarios a actualizarse a la última versión.

Ahora, qué es lo que sugiere Microsoft: “Utilicen comentarios condicionales (conditional comments)”. Este método no se considera como un hack propiamente tal, y se desarrolló con IE5, así que por lo menos hay soporte en cuanto a browsers antiguos (por no decir viejos). Estos comentarios condicionales corresponden a una sintaxis especifica para escribir comentarios en documentos XHTML, los que son interpretados solamente por Internet Explorer, permitiendo que especifiquemos una condición necesaria, por ejemplo, una versión especifica del browser, y establecer la solución para una o más detalles de ese browser.

A pesar de ser código propietario de Microsoft, estos comentarios quedan visibles para todos el resto de los browsers, pero no son interpretados, sino que leídos como simples comentarios.

<!–[if IE 6]>
<link href="http://www.url.net/ie6.css" rel="stylesheet" type="text/css" /><br />
< ![endif]–>

Y para Internet Explorer 7 (actualizado):

<!–[if lte IE 7.0]>
<link href="http://www.url.net/ie7.css" rel="stylesheet" type="text/css" /><br />
< ![endif]–>

Importante es declarar este comentario condicional luego de haber llamado la hoja de estilos principal, o sea, la buena. Esto porque esta hoja podría sobreponer sus propiedades encima de la hoja de estilos principal, lo que continuaría con los errores.

Ventajas: con esto, se agrupan todos los estilos corregidos en una sola hoja, dejando la principal limpia de hacks. Si algún día dejan de existir estos browsers llenos de errores, solamente tendríamos que quitar este comentario condicional. Fácil. De eso se trata, facilitar la vida.

Link: Webinsider

Sobre el Autor: Jorge Epuñan

Soy quien escribe en este sitio: diseñador gráfico de profesión, desarrollador web por preferencia y amante de la interacción humano-computador. Cuando no pienso en web, salgo a trotar por mis barrios en Santiago, Chile o me junto con amigos a un bar a conversar sobre nuevas tendencias y tecnologías. Twitter profesional y personal, además del Contacto.

  1. Enrique

    Nomalmente, es el método que utilizo siempre. Así me libro de “comerme el tarro” en lo que a validar la hoja de estilo se refiere. Es una forma limpia de implementar css para subsanar fallos de implementación de IE. Para una cosa buena que recomiendan… ;-)

  2. Eduardo Cesario

    Si bien nunca llego a un resultado exactamente igula en ambos browsers, lo que hago es tratar de conciliar todo en una sola hoja de estilos. Nunca he utilizado hacks. La única vez que no pude, puse un if con un comando php, pero que en la práctica, sería la misma solución que propone Microsoft.
    El punto es que en la medida que Microsoft sea dueña del mercado, seguiremos sufriendo este tipo de decisiones ‘monopólicas’.
    Te mando un afectuoso saludo desde Buenos Aires, y aprovecho para comentarte que tengo ahora un blog dentro del sitio, la url estará en mi post, y desde ya estás invitado a participar! :)

  3. CSSLab Admin

    Muy buen blog, lo visitare seguido. Saludos y gracias por el saludo.

  4. inyaka

    jejeje mas de un usuario va a “actualizarse” a firefox XD
    ¿sera cierto que IE7 soportara por fin los PNG transparentes?
    ¿tendra ventajas o solo una coleccion mas de anti-estandares?

  5. CSSLab Admin

    si se confirmo q IE7 soportara PNG’s transparentes, y mejorará su renderizado de CSS. ademas la acctuaalizacion a IE7 sera casi q obligatoria para todos los usuarios win, ojala se cambie la mayoria.

  1. [...] ven el código fuente del ejemplo, notarán que hubo que utilizar comentario condicional para un pequeño detalle en los ...
    Bloques de texto con estilo at DGWAOO
1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|41|42|43|44|45|46|47|48|49|50|51|52|53|54|55|56|57|58|59|60|61|62|63|64|65|66|67|68|69|70|71|72|73|74|75|76|77|78|79|80|81|82|83|84|85|86|87|88|89|90|91|92|93|94|95|96|97|98|99|100|101|102|103|104|105|106|107|108|109|110|111|112|113|114|115|116|117|118|119|120|121|122|123|124|125|126|127|128|129|130|131|132|133|134|135|136|137|138|139|140|141|142|143|144|145|146|147|148|149|150|151|152|153|154|155|156|157|158|159|160|161|162|163|164|165|166|167|168|169|170|171|172|173|174|175|176|177|178|179|180|181|182|183|184|185|186|187|188|189|190|191|192|193|194|195|196|197|198|199|200|201|202|203|204|205|206|207|208|209|210|211|212|213|214|215|216|217|218|219|220|221| generic levitra 20 mg original viagra viagra ersatz kaufen viagra aus pre mature finasteride 1 mg 360 generic sildenafil sale order viagra online order female cialis online ist viagra auf rezept billig paiement cod viagra viagra no presprition gibt es in thailand viagra foreign viagra pillsAccutane Online Doxycycline online Buy Cheap Lexapro Online No Prescription Prednisone Online Buy Accutane No Prescription