Ayer os dimos una referencia hacia un blog que daba las razones para no tener que diseñar una página pensando en IE6 y hoy vía Todotutoriales descubro que desde hace unos meses existe una campaña en la blogosfera hispana contra el diseño especial para Internet Explorer 6.
La campaña, bajo el titulo ¿Quieres cambiar la web o prefieres seguir diseñando para IE6?, está promovida por Aprendiendo Web y en la actualidad hay más de veinte sitios adscritos a la misma. Para adherirse a la campaña tienes que poner este código:
header.php (después del <body>):
<!--[if lte IE 6]>
<p id="no-more-ie6"><strong>¿Todavía usas IE6?</strong> —no te preocupes, no le diremos a nadie que aún festejas como si fuera 1999— pero si quieres una <strong>mejor experiencia web</strong>, entonces <a href="http://www.microsoft.com/windows/internet-explorer/download-ie.aspx" title="Internet Explorer 7">actualiza</a> tu navegador o prueba <a href="http://www.mozilla.com/en-US/firefox/" title="Get Firefox!">otro</a>.</p>
<![endif]-->
style.css:
#no-more-ie6 {
position: relative;
top: 0;
left: 0;
padding: 7px 5px 7px 5px;
width: 100%;
background-color:#F8FFB9;
font-size: 106%;
color: #222;
}
#no-more-ie6 a {
font-weight: bold;
text-decoration: underline;
}
En la web de la campaña dan vía libre a la modificación del código ya que lo que se pretende con la misma es que los usuarios dejen de usar IE6 como navegador.
Y para completar esta entrada no puedo dejar pasar por alto, con el permiso de maestrosdelweb, el código que desde hace unos días se encuentra en TodoWordPress invitando a los usuarios que nos visitan desde Internet Explorer a usar un mejor navegador como Firefox:
header.php (después del <body>):
<!--[if IE]>
<div id="usuarios-ie"><p>Estás utilizando Internet Explorer para navegar en nuestro sitio, te recomendamos que actualices a un mejor navegador como <a href="http://www.mozilla-europe.org/es/firefox/">Firefox</a></p></div>
<![endif]-->
style.css:
#usuarios-ie {
font-family: Verdana, Arial, sans-serif;
background: #FFFFDE;
color:#000;
border-bottom: 2px solid #7F0C00;
}
#usuarios-ie p {
font-size: 10;
margin: 0;
padding: 5px 0;
line-height: 1.5em;
}
#usuarios-ie a {
text-decoration: underline;
font-weight: bold;
color: #D64411;
}
¿Te sumas a la campaña que se está llevando acabo en la blogosfera en español contra IE6? Deja tu comentario.
12 comentarios
22/02/2009
¡Gracias por la referencia!
22/02/2009
Excelentee!
Muchas gracias :P
22/02/2009
Hay hasta webs pidiéndolo, con código parecido
http://www.end6.org
23/02/2009
Veo que, con el código en la cabecera de este sitio, se exhorta al usuario de cualquier versión de Internet Explorer a cambiar a Firefox. Incluso aquel usando IE8; eso no me parece del todo correcto, o quizá sea mejor hablar de justificado, teniendo en cuenta que por defecto navega en modo de cumplimiento de estándares. Además está Google Chrome, que tampoco está nada mal. Aconsejaría cambiar ese código para incluir sólo al navegador IE6 (o peor aún, versiones anteriores de IE, por poco que se usen) y, si a caso (aunque en mi opinión tenga menos problemas) IE7, como objeto del buen consejo.
23/02/2009
En mi opinión creo que hay otros navegadores igual o mejores que Firefox como Opera, Google Chrome…
He de reconocer que Firefox a mi es de los que menos me gustan.
La barra publicitaria del encabezado me perece antiestetica para cualquier diseño.
23/02/2009
Hola, lo he estado probando en mi blog y me da un curioso resultado, si lo dejo tal cual me aparece con un “
23/02/2009
Hay que tener mucho cuidado al copiar el código, ya que pueden introducirse cosas raras, consecuencia de formateo de WP, como por ejemplo el signo > que referencias. Espero que lo siguiente se muestre correctamente:
<!--[if IE]>
<div id="usuarios-ie"><p>Estás utilizando Internet Explorer para navegar en nuestro sitio, te recomendamos que actualices a un mejor navegador como <a href="http://www.mozilla-europe.org/es/firefox/">Firefox</a></p></div>
<![endif]–>
Al copiar esto, Internet Explorer lo mostrará correctamente.
23/02/2009
Vale – se me fue el santo al cielo: IGNORA mi respuesta anterior – esta vez sí que está listo para copiar:
<!--[if IE]>
<div id="usuarios-ie"><p>Estás utilizando Internet Explorer para navegar en nuestro sitio, te recomendamos que actualices a un mejor navegador como <a href="http://www.mozilla-europe.org/es/firefox/">Firefox</a></p></div>
<![endif]–>
Para más info sobre comentarios de ejecución condicional, véase:
http://msdn.microsoft.com/en-us/library/ms537512.aspx
23/02/2009
Ya por si las moscas: el código a introducir en header.php es el siguiente (es que hay algunos signos “tocados” por WP):
<!--[if lte IE 6]><p id="no-more-ie6"><strong>¿Todavía usas IE6?</strong> —no te preocupes, no le diremos a nadie que aún festejas como si fuera 1999— pero si quieres una <strong>mejor experiencia web</strong>, entonces <a href="http://www.microsoft.com/windows/internet-explorer/download-ie.aspx" title="Internet Explorer 7">actualiza</a> tu navegador o prueba <a href="http://www.mozilla.com/en-US/firefox/" title="Get Firefox!">otro</a>.</p>
<![endif]–>
(Y… perdón por los repetidos comentarios)
23/02/2009
Gracias por tu preocupacion y ligereza, debo ser bastante torpe porque me sigue apareciendo con Firefox también, voy a echar un vistazo a lo que pones de http://msdn.microsoft.com/en-us/library/ms537512.aspx
23/02/2009
Pues no se que es lo que pasaba porque lo he vuelto a rehacer usando el enlace de msdn y ahora si que me funciona, muy muy util, gracias
21/05/2009
Hola, interesante esta campaña me deja mas tranquilo, porque en mi caso me estoy peleando con Internet Explorer las Web me salen a medias o solo la cervecera a veces, pero en los demás navegadores no tienen ningún problema. Los post tienen el problema pero si boy a las páginas funciona bien. Saben donde puedo encontrar la solución o como hacer. Desde ya muchas gracias.
Trackbacks
Deja tu comentario