Se viene IE7…. ¡huid! (actualizado)

28/jul/2006 6

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

Comentarios

  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.

  6. Bloques de texto con estilo at DGWAOO [#]

    […] ven el código fuente del ejemplo, notarán que hubo que utilizar comentario condicional para un pequeño detalle en los IE’s. El problema era que no se desplegaba bien la comilla que […]

Responder a inyaka ×

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab