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.
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.
Buena explicación!
Ahora, una pregunta «intima» 😛
Te deja algo de plata el anuncio de este metodo?
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!!
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.
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 😛
Graciasssssssss!!!!! Estoy hasta los mismisimos de que se me descuadre el blog en IE. 😉 en breve lo pondre
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
Yo lo que no entiendo es como puede haber gente que sigue utilizando IE, habiendo otros navegadores muy por encima de el.
MMm ¿ y por qué con la barra google? Mejor sin nada de barras google. 😛
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 😛
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 🙂
Corsaria que envidia me das, hace como 2 o 3 meses que no enciendo mi FreeBSD.
Daniblog, si pero no 😉
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 😉 ).
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.
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…
Buen código, la mayoría de personas todavía acceden a mi blog por IE, así le das la oportunidad de hacerlo «como Dios Manda», miraré de implantarlo.
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
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!
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…
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.
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!
De nada Abel 😉
siempre es posible la compatibilidad con ie por lo menos yo siempre lo eh consegido, siempre existen metodos para utilizar algunas cosas en ie y en otros no, incluso la transparencia del png http://dennismike.com/2007/03/31/background-png-transparentes-ie6/
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!
solo por duda, esta modificacion tuya esta muy buena pero no rompera con algunas de las politicas de adsense ?
Animación para que se haga clic
https://www.google.com/adsense/support/bin/answer.py?hl=es&answer=48182
asi tambien por la modificacion de adsense ?
te lo comento puesto que adsense no tiene reparo en cerrar cuentas de la noche a la manana.
Saludos
Gracias por la info Techno, pero la verdad es que no se si cumple las normas de Adsense o no, pero yo hace mucho que lo tengo puesto y nunca me han dicho nada.
Genial tuto, me ha servido y lo he implementado en mi blog.
Monton de gracias 🙂
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
De nada Kr105, y lo de identificar el explorador es un plugin, puedes ver toda la lista de mis plugins en http://blog.inkilino.com/mis-plugins/
Posiblemente te vaya bien leerte los últimos comentarios de esa página 😉