Ayer cuando incluí el módulo del Foro en la Portada de Pisito me di cuenta que en el
Internet Explorer la portada se vía mal. La verdad es que no me extrañó nada, recomiendo usar
Firefox u Ópera, pero en este caso no era un simple detalle de "embellecimiento" sino algo
más serio así que decidí cambiarlo. Así es como se veía:
Por alguna razón el IE bajaba TODO el contenido al introducir las etiquetas de la parte derecha. Para corregir este bug, y otros muchos que surgen con el Internet Explorer, hay que introducir un condicional: "si se está usando IE hacer una cosa y sino otra" (ya... es muy triste...) Esto se puede hacer de muchas maneras y yo he escogido PhP. Para saber el navegador que se está usando mediante PhP se puede usar get_browser() o consultar la variable $_SERVER ['HTTP_USER_AGENT'].
< ? php
$browser = $_SERVER['HTTP_USER_AGENT'];
if(strstr($browser,"MSIE"))
$browser = "MSIE";
else
$browser = "god";
?>
Lo que hago con el código anterior es comprobar que la subcadena MSIE está dentro de la HTTP_USER_AGENT. Si está es que usa Internet Explorer, e introduzco "MSIE" en la variable $browser; y sino pues no lo usa e introduzco otra palabra, por ejemplo "god". Una vez sabes qué navegador usa introducimos otro condicional basándonos en esa variable. En mi caso si el usuario usa Internet Explorer subo TODO el contenido, mediante el atributo margin-top, 180px. Este es el código:
< ? php
if($browser=="MSIE")
echo ' margin-top:-180px; ';
?>
¡Listo! Así de sencillo. Algo muy útil que recomiendo encarecidamente es usar
BrowserShots, una web en la que
puedes ver cómo se ve tu blog o página web en otros navegadores y Sistemas Operativos. De esta forma estaremos seguros que nuestra web se vea siempre bien.
