En busqueda del web 2.0
Detectar Internet Explorer 6 y mostrar un mensaje de alerta con CSS
Ahora que Internet Explorer esta en su version 8, nos sentimos un poquito mas seguro al momento de maquetar un website basado en CSS y XHTML, aunque explorer siempre se resiste a estar a la orden dia, por ejemplo, CSS ya esta por si version 3, CSS3 y aun explorer no esta renderizando totalmente todas las nuevas funciones de CSS3.
Pero en fin, este post no es para hablar tanto sobre IE, hoy lo que interesa es demostrar como podemos detectar si nuestros visitantes utilizan Internet Explorer 6 y como darle un aviso de alerta para que actualice su navegador o de lo contrario no podra disfrutar de todo el explendor del website, cabe destacar que no es una buena practica obligar a un visitante a que actualice, nosotros debemos de preparar todo para cualquier visitante.
En fin, no tenemos que usar JavaScript para saber si el visitante esta usando una version X de Internet Explorer , lo unico que tenemos que usar con comentarios condicionales para Internet Explorer:
1 2 3 4 5 6 7 | <head> <title> Mi titulo </title> <!--[if lte IE 7]> <style type="text/css" media="screen"> < ! @import "css/ie6.css"; --></style> </head> |
Aqui estamos tratando de saber si el navegador es una version menor que Internet Explorer 7 y si es asi importamos nuestro estilo para Internet Explorer 6, esto en la cabecera de nuestro HTML.
Ahora creamos nuestro mensaje de alerta:
1 2 3 4 5 | <body> <!--[if lte IE 7]> <div id="alert">Usted necesita actualizar su navegador, o tratar con otro para poder disfrutar completamente de este website</div> < ![endif]--> </body> |
Ahora miremos el codigo de nuestro archivo ie6.css:
1 2 3 4 5 6 7 8 9 10 | @charset "utf-8"; /* CSS Document */ #alert{ background-color:#F00; color:#FFF; font-size:90%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:25px; margin-bottom:10px; } |
Tan sencillo como eso, si nuestro visitante tiene una version mayor, pues no hay problema, el mensaje no se desplegara.
