Campaña contra Internet Explorer 6

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> &mdash;no te preocupes, no le diremos a nadie que aún festejas como si fuera 1999&mdash; 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&aacute;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.

Comentarios
  1. ¡Gracias por la referencia!

    Escrito el22/02/2009
  2. Alvaro

    Excelentee!
    Muchas gracias :P

    Escrito el22/02/2009
  3. Hay hasta webs pidiéndolo, con código parecido

    http://www.end6.org

    Escrito el22/02/2009
  4. 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.

    Escrito el23/02/2009
  5. 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.

    Escrito el23/02/2009
  6. Hola, lo he estado probando en mi blog y me da un curioso resultado, si lo dejo tal cual me aparece con un “

    Escrito el23/02/2009
  7. 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.

    Escrito el23/02/2009
  8. 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&aacute;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

    Escrito el23/02/2009
  9. 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>&iquest;Todav&iacute;a usas IE6?</strong> &mdash;no te preocupes, no le diremos a nadie que a&uacute;n festejas como si fuera 1999&mdash; 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)

    Escrito el23/02/2009
  10. 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

    Escrito el23/02/2009
  11. 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

    Escrito el23/02/2009
  12. 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.

    Escrito el21/05/2009

DEJA TU COMENTARIO