0 comentarios » Publicado el: 05 de Febrero de 2009 a las 09:59:33, en la categoría: Web.
A esta altura de la vida, si no puedes hacer un sitio que sea compatible con IE6 (o que al menos se vea ALGO en ese navegador), no puedes decir que "sabes hacer sitios web".
Si ya es una tortura trabajar con sitios que sean compatibles con varios navegadores a la vez, cuando se suma IE6, la cosa se pone cuesta arriba. Pero bueno, si hay que hacerlo, hagámoslo bien.
Este es un tip que nunca está de más en la biblioteca de tips de cualquier desarrollador web.
Algo rescatable de los navegadores IE, es que a pesar de lo malo que son, permiten utilizar una gran cantidad de trucos para engañarlo. Talvez los desarrolladores crean todas estas excepciones y condiciones porque saben lo malo de su navegador y que PROBABLEMENTE vamos a tener que hacer uso de ellos.
En fin. Vamos al grano. Si se utiliza la condición <!--[if IE]><![endif]--> en el código de cualquier página web, se podrá comprobar si el navegador es IE o no, y se podrá utilizar código que sea leído SOLAMENTE por este navegador. Un ejemplo claro:
<!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /> <script type="text/javascript" src="js/ie6.js" src="js/ie6.js"></script> <![endif]-->
En el código anterior, se revisa si el navegador es la versión 6 de IE. En ese caso, se llama a los archivos ie6.css e ie6.js. En cualquier otro navegador esta condición no se cumplirá y no se cargarán dichos archivos.
Si se reemplaza el número 6 por algún otro, se estará comprobando otra versión de IE. Si no se especifica una versión (número) de navegador, se estaría preguntando si es Internet Explorer (independiente de la versión).
Esta condición es posible utilizarla en cualquier parte de la página. En el ejemplo anterior, se utiliza dentro de la etiqueta <head>, pues es ahí donde se deben cargar los archivos que se especifican.
Como se habrán imaginado, dentro de la condición se puede poner cualquier cosa: como un texto para recomendar que utilicen otro navegador, o una llamada a algún archivo específico.
Utilizar esta función para llamar a un archivo específico de CSS o de JS, es mucho más limpio que estar utilizando esos trucos como *html en el caso de los CSS, o tener que detectar el navegador a través de JS.
Los comentarios han sido cerrados.
Sin embargo, desde ahora podrás comentar en la nueva dirección de esta entrada: http://www.sebastianbarria.com/web/como-trabajar-contra-ie6/
RSS | XHTML | CSS | Licencia CC (BY-NC-SA)
© peivem 2008. Todos los derechos reservados | Versión 1.62 | Diseño y desarrollo por GEEKBOX