Adiós a Internet Explorer 6

jose | 19 Octubre, 2009

noie6

Estamos a 19 de Octubre del 2009 y en Wynfor hemos considerado más que oportuno dejar de dar soporte, en todo lo relativo al tema de diseño, al famosísimo y anticuado Internet Explorer 6.

La solución que hemos propuesto es la recomendada por Andrés Nieto, consiste en dejar  a Internet Explorer 6 sin hojas de estilos, es una medida menos restrictiva que bloquear el acceso total a IE6.

El código es el siguiente:

1) Detectar si el navegador es IE6:

Para ello utilizaremos esta sencilla función:

function isIE6() {
return strstr( $_SERVER['HTTP_USER_AGENT'],”MSIE 6″ ) !== false;
}

2) Condicionar qué hoja de estilo debemos cagar:

Si es Internet Explorer 6 cargaremos una simple hoja de estilo que dará formato únicamente al mensaje de advertencia que se le mostrará al usuario para que actualice su navegador.
if ( isIE6() )
echo ‘<link rel=”stylesheet” type=”text/css” href=”css/ie6.css” media=”screen” />’;
else
echo  ‘<link rel=”stylesheet” type=”text/css” href=”css/master.css” media=”screen” />’;

El contenido de la hoja de estilo específica para IE6 es el siguiente:

#ie6 {
background-color: #ffe5e5;
border: 1px solid #b00;
color: #300;
font-size: 16px;
font-weight: bold;
padding: 20px 60px;
margin-bottom: 50px;
}

En nuestro ejemplo hemos llamado a esta hoja de estilo ie6.css y su ubicación está en una carpeta llamada css.

3) Mostramos el mensaje al principio de todas nuestras página con los famosos comentarios condicionales de IE:

Nuestro mensaje es el siguiente aunque esto es totalmente modificable, si te das cuenta apoyamos el uso de navegadores como Fiefox, Opera…

<!--[if IE 6]>
La versión de Internet Explorer que estás utilizando no es recomendada para navegar en Internet.<br />
Te recomendamos que pruebes otros navegadores gratuitos como <a href=”http://www.mozilla.com” title=”Firefox web browser”>Firefox</a>, <a href=”http://www.opera.com/” title=”Opera Browser”>Opera</a>, <a href=”http://www.apple.com/safari/” title=”Apple Safari”>Safari</a> o <a href=”http://www.google.com/chrome” title=”Google Chrome”>Chrome</a>.<br />
O bien puedes actualizar a una <a href=”http://www.microsoft.com/windows/products/winfamily/ie/default.mspx”>versión más reciente</a> de Internet Explorer.
</p><![endif]–>

Bueno con esto aportamos nuestro granito de arena a la iniciativa de Andrés Nieto
, a ver si entre todos conseguimos concienciar a los usuarios para que abandonen IE6.

Un saludo desde Wynfor y gracias por leernos ;)

Este blog funciona gracias a WordPress con el theme GimpStyle modificado por Wynfor | Soluciones Tecnológicas.
Entradas y Comentarios feeds. XHTML y CSS válidos.