peivem.com cerrará sus puertas
Esta entrada ha sido publicada en mi nuevo blog, en:
http://www.sebastianbarria.com/web/como-trabajar-contra-ie6/
Por favor, visita mi nuevo sitio, porque este lo daré de baja muy pronto. Gracias!

0 comentarios » Publicado el: 05 de Febrero de 2009 a las 09:59:33, en la categoría: Web.

RSS twitter menéame digg bitacoras

Cómo trabajar con(tra) IE6?

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.

Condiciones exclusivas de Internet Explorer

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

¿Dónde utilizarlas?

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.

Comentarios

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)

Este sitio está alojado en DreamHost © peivem 2008. Todos los derechos reservados | Versión 1.62 | Diseño y desarrollo por GEEKBOX