Basta de Internet Explorer 6

10/2/10
Me cansé de tener que implementar hacks y arreglos para Internet Explorer 6. Es un navegador del 2003, por favor ¡¡¡actualicen o cambien a otro!!! Creo que no deberíamos matarnos más haciendo arreglos. Hay que dejar que las cosas se vean mal o no funcionen, porque no es un problema nuestro. Aunque deberíamos hacerle alguna aclaración a los visitantes.
Por lo visto los usuarios de IE6 necesitan darse cuenta por las malas de los muchos errores con los que navegan para tomar conciencia.

Igualmente, sería bueno que esos navegantes sepan, por si hay un desprevenido, a qué se deben las fallas que le impiden disfrutar de la red en toda su plenitud.

Para eso vamos a publicar un mensaje que sólo será visible para quienes lleguen a nuestro sitio con IE6. Y precisamente nos vamos a valer de los códigos condicionales que usamos usábamos para los hacks.

Por ejemplo, en este blog se muestra el siguiente, debajo de la barra azul del menú:



Implementación


Una vez que ya sabés en que parte se mostrará el mensaje, insertá el siguiente código:
<!--[if IE 6]> <div id="usuarios-ie"> Si el blog no se ve bien o surgen errores es porque estás usando Internet Explorer 6 para navegar, una versión antigüa y muy conflictiva. Te recomendamos que actualices a <a href="http://www.microsoft.com/spain/windows/internet-explorer/" target="_blank">una versión más reciente</a> o podés probar otros navegadores como <a href="http://www.mozilla-europe.org/es/firefox/" target="_blank">Firefox | <a href="http://www.google.com/chrome/eula.html?hl=es" target="_blank">Chrome</a>.</div> <![endif]-->

Podemos darle el formato necesario definiendo en CSS:
#usuarios-ie {
background-color:#FF6;
border:1px solid #FC0;
font-size:11px;
color:#333;
width:625px;
padding:15px
}

Con las etiquetas [if IE 6] e [endif] estamos indicando: "si se cumple la condición" (if) "que el navegador sea Internet Explorer 6" (IE 6) = se muestra lo que está entre las dos etiquetas.

El mensaje que aparecería sería:
Si el blog no se ve bien o surgen errores es porque estás usando Internet Explorer 6 para navegar, una versión antigüa y muy conflictiva. Te recomendamos que actualices a una versión más reciente o podés probar otros navegadores como Firefox | Chrome.

Posts relacionados
Música de inspiración para diseñadores webMenú desplegable sólo con CSS

2 comentarios:

Gastón 15/2/10

Recientemente Google anunció que no daría más soporte a Internet Explorer 6, lo que considero toda una señal para dejar atrás esta reliquia informática.
Sin embargo, hay fácil un 30% de usuarios utilizándolo gracias al uso masivo que sigue teniendo XP (a pesar de Windows 7). Creo que esa cifra es muy importante y no puede ignorarse.
Lo que propones en el post es una alternativa más que respetable, pero muchas veces te encontrarás con un cliente que dirá: ¡Pero como! ¿Mis clientes tienen que bajar un navegador especial para ver mi página?
Ante una pregunta así podríamos dar varias respuestas, pero el problema está en que no todos entienden nuestros motivos. ¿Que hacer en estos casos? ¿Perder el cliente o hacer que se vea la web en IE6?. Obvio que no perdería un trabajo por unas líneas de código, pero eso si...ese trabajo extra vale, son en algunos casos horas invertidas en búsquedas y pruebas de hacks; pienso que todo diseñador debe incluirlo en el presupuesto.Saludos!

Variopinto 21/2/10

Seguro que si es un pedido de un cliente hay que responderle.Es muy buena la de cobrar extra, en definitiva es algo especial que hay que hacer. Pero si es algún sitio en el que puedo decidir, le hago 2 ó 3 hack simples como para que más o menos se vea y luego el aviso, no me caliento más por las transparecias de los png y demás.

Publicar un comentario

Los comentarios están moderados.

 
Powered by Blogger