Recomienda a tus lectores que no utilicen Internet Explorer

Como todos sabemos Internet Explorer se pasa por el forro las transparencias de los png’s y una parte importante de estilos CSS, como pueden ser el margin o padding, los cuales trata de manera diferente a como tendría que ser.

Para estos errores de Internet Explorer hay cantidad de trucos(hacks) por la red para solucionarlo, y muchos de ellos buenos, pero si no te quieres complicar la vida y simplemente pasar de Internet Explorer al diseñar un sitio, siempre puedes mostrar un mensaje de advertencia a tus visitantes tal y como hago yo en mi blog si accedéis a él con IE.

Aviso internet explorer

Bueno pues hacer esto están fácil como poner esto en tu header.php, entre las etiquetas de <head> y </head> .

<!--[if IE]>
<div id="firefox">
<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los estándares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>
<br/>
<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<![endif]-->

y un estilo CSS en nuestro style.css

#firefox {
  position: absolute;
  right: 10px;
  top: 10px;
  width:300px;
  border: 2px solid #000;
  text-align: center;
  padding: 4px;
  background: #E7A109;
  font-size: 12px;
}

A continuación voy a explicaros un poco el código.

<!--[if IE]>

Con esto decimos que sólo se muestre el mensaje a los que visitan nuestro sitio con Internet Explorer.

<div id="firefox">

Aquí le asignamos un identificador de estilo al mensaje, el cual editaremos posteriormente en el archivo style.css

<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los estándares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>

A continuación ponemos el texto que queremos mostrar, se pueden incluir enlaces tal y como he hecho yo hacia W3C.

<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Esto es lo más divertido, porque gracias a las referencias de Google Adsense, podemos incluir un enlace de texto para que nuestros usuarios se descargen FireFox con la barra de Google y de paso nos den unos eurillos por cada descarga que hagan 😛

</div>
<![endif]-->

Y al final y como es normal, cerramos las etiquetas.

Lo del estilo CSS lo dejo a vuestro gusto, tenéis infinitas posibilidades.

34 pensamientos en “Recomienda a tus lectores que no utilicen Internet Explorer

  1. Muy buena esta explicación, es justo lo que necesitaba. Me he vuelto loco estas dos últimas semanas intentando que se viese bien mi theme en IE pero no hay manera.

    Saludos!!

  2. Pingback: meneame.net

  3. Sí. Yo lo hago desde hace bastante, Aunque He puesto enlaces a Firefox y Opera en vez de publicidad adsense.
    Para el resto, pueden usar el código pero hay que cambiar (salvo ayuda a Jaime) la identidad de adsense a la que tengamos nosotros.

  4. Milton en mi blog el 74% de visitas son de ie, así que fijate si es productivo poner el adsense ahí.

    Magarto no he cambiado lo de Adsense, no para cobrar a costa de otros sino para que veáis como lo tengo hecho y lo podáis hacer vosotros igual 😉

    Aunque si alguno se presta a ponerlo igual no me importa 😛

  5. Pingback: Fresqui.com

  6. Muy bueno, me lo guardo en marcadores para dentro de poco.

    Me ha parecido curioso el dato del porcentaje de navegadores, así que lo he mirado en el nuestro y es curioso pero en lo que llevamos de mes hay mas gente con Firefox que con iE (46-42)… creo que la gente está entendiendo que hay vida fuera de microsoft, y que muchas veces de forma mas fácil y mejor.

    Saludos y gracias

  7. Muy bueno
    Pero, ¿no deberías aclarar que para cada uso hay que cambiarle el número de cliente de Google AdSense? Existen muchos que no lo manejan y te darían ganancias a vos 😛

  8. IE es que es una increíble mierda, cuando estás haciendo webs es horroroso, tienes que poner parches para que funcione… penoso… esto está bien, porque como mínimo informas :)

  9. Gracias por el post, a ver si lo implemento. ¿A nadie se le ha ocurrido crear una aplicación a la que tú le des el CSS y el código xhtml y te la devuelva adaptada también a explorer? seguro que es sencillo y a muchos nos sería útil.
    Como casi todo está inventado, si alguien la conoce que lo diga y si alguien sabe cómo hacerlo, le cedo la idea (aunque con reconocimiento por supuesto 😉 ).

  10. Je,je,je… no me acorde de mencionarte Dondado, pero que sepas que este post al igual que el del formulario son en respuesta al mail que me escribiste 😉

    Eso que comentas es interesante, podríamos estudiarlo.

  11. Pues no sé, no está mal avisar pero también se ha de andar con ojo. Más de uno se calienta y pone mensajes bordes o vacilones cuando entras con IE.

    Hay mucha gente que no usa Firefox porque utiliza ordenadores públicos (en cibers, locutorios, bibliotecas, etc) o en colegios, institutos, en el trabajo… y no tiene permiso de instalarlo. Hay muchos sitios donde se impiden las instalaciones y has de usar IE, y si encima cuando vas visitando tus blogs de confianza te mientan la madre por usar IE…

  12. Muy interesante este código, nunca lo había visto, gracias una vez más InKiLiNo 😀

    Y bueno una petición… haber si puede ser, que nos explicases el código para hacer la barra de navegación que tenéis en los blogs de BDB, la horizontal que aparece arriba de todo.
    Esa barra me parece muy interesante si tienes varios blogs para promocionarlos un poco los unos a los otros.

    Saludos

  13. Inkilino, típica pregunta para que me lluevan palos por cateto ¿si coloco eso en mi plantilla html aparece así como en la tuya?

    By the way, te he dejado un meme por si te ape, aunque imagino que tendrás 300.

    ¡Saludos!

  14. Albiac, si pones el código tal y como esta, te aparecerá igual que a mí, ya que es un copy paste del mio.

    Te recomiendo que cambies todo el script de Adsense por uno tuyo.

    Y gracias por lo del meme, ya debo un montón, ufff…

  15. Por cierto. Tuve problemas con la validación de mi web, en parte por esto que has puesto. Sé cómo hacerlo diferente mediante PHP por si a alguien le interesa.
    En ese caso, en la sección de contacto de mi web, puedo decir cómo se hace.

  16. Ya habia hecho algo parecido pero solo ponia un ad en caso de que se tratase de IExplorer.

    Pero creo que esto de poner un div llama totalmente la atencion, me parece muy buena idea y ya lo implemente.

    Gracias!

  17. Pingback: Dale al teclado » Recuerda con un post-it que Internet Explorer no mola

  18. Hola de nuevo tio.. parece que no tengo nada que hacer verdad?

    Pues ahora hice un plugin que hace lo mismo que tu truco. La diferencia es que verificamos el navegador desde PHP y en caso de ser IExplorer, mostramos el anuncio con todos los parametros de vuestro propio Adsense…

    Está interesante.. te invito a probarlo y mejorarlo.

    Saludos desde México!

  19. Pingback: Recomienda Firefox con CSS-Empresario

  20. Pingback: Plugin para mostrar anuncio de Adsense para descargar Firefox » …Microplagio…

  21. Pingback: Wakai - Texto sólo en IE

  22. Muchas gracias por el tutorial.
    quisiera saber tambien como le haces para identificar el explorador y el sistema operativo ke utilizan los lectores de tu blog. lo que aparece al pie de los comentarios.

    Muchas gracias

Deja un comentario