Internet Explorer: Matando diseños CSS
Publicado por Claudia en Octubre 26, 2008
Aproximadamente el 70% de los cibernautas en el mundo usa Internet Explorer de Microsoft, es una realidad. No es que Explorer sea mejor, claro, simplemente es “lo que hay” siempre en una computadora, porque viene con Windows; y tampoco es que sea gratis, porque sólo sirve para Windows, y al utilizar el software de Microsoft pagamos por el derecho a usar Explorer también.
Quienes usamos Mozilla Firefox lo preferimos porque es “más rápido, seguro y personalizable”, pero hay muchísima gente que no sabe elegir, porque no tiene idea que existe Firefox, o no sabe lo que es. Yo lo escogí como mi navegador principal (y único) hace más de un año, porque me facilita enormemente la vida, aun cuando vi que las últimas versiones de IE venían con un “nuevo” sistema de pestañas copiado de Firefox. Explorer quedó ahí, olvidado, siempre como alternativa, pero ya no más.
¿Qué tiene Explorer que no tenga Firefox? La capacidad de arruinar un increíble diseño CSS, nada más. Como escribió Ryan en Dao by Design hace tiempo, es realmente doloroso crear un diseño en Firefox, que luego va a lucir desastroso en Internet Explorer, especialmente con versiones viejas de éste. Ryan incluso creó un script que avisa a los visitantes que están usando una versión obsoleta de IE (anterior a la 7).
Quienes odiamos IE, concidimos en que los diseños se ven desconfigurados, no se ven imágenes png ni transparencias, o que hay imágenes que desaparecen, estén en el formato que estén. Según el centro de ayuda de Blogger (aunque no ocurre sólo en Blogger, sino en cualquier plantilla, esté alojada donde esté), “ello se debe a un error en la administración de elementos flotantes (las imágenes) de Internet Explorer dentro de elementos en posición relativa “.
Pero las explicaciones no son suficientes, porque ni el botón de compatibilidad de IE 8 arregla el problema (ya lo probé). ¿Qué hacer, entonces?
Las alternativas:
- Espantar a los visitantes. Se puede hacer dejando un sitio tal cual, y poniendo en algún lado que “el sitio es compatible con Firefox solamente”, o con un script especial (como el de Ryan).
- No usar imágenes en formato png, y hacer los cambios necesarios en la hoja de estilos. Cambios por ahí, por allá… Un poco de ingenio, a ver si resulta.
Actualmente estoy haciendo cambios en el diseño de mi blog, para que sea compatible con Internet Explorer. Me pregunto si quienes usan sólo Firefox harán lo mismo. Después de todo, la mayoría de la gente usa sólo IE; y si un sitio no anda en IE, no importa qué tan bueno sea el diseño para Firefox o Chrome, porque simplemente (y muy lamentablemente) no sirve.
Posts relacionados
Wikio
Aproximadamente el 70% de los cibernautas en el mundo usa Internet Explorer de Microsoft, es una realidad. No es que Explorer sea mejor, claro, simplemente es “lo que hay” siempre en una computadora, porque viene con Windows; y tampoco es que sea gratis, porque sólo sirve para Windows, y al utilizar el software de Microsoft pagamos por el derecho a usar Explorer también.
Quienes usamos Mozilla Firefox lo preferimos porque es “más rápido, seguro y personalizable”, pero hay muchísima gente que no sabe elegir, porque no tiene idea que existe Firefox, o no sabe lo que es. Yo lo escogí como mi navegador principal (y único) hace más de un año, porque me facilita enormemente la vida, aun cuando vi que las últimas versiones de IE venían con un “nuevo” sistema de pestañas copiado de Firefox. Explorer quedó ahí, olvidado, siempre como alternativa, pero ya no más.
¿Qué tiene Explorer que no tenga Firefox? La capacidad de arruinar un increíble diseño CSS, nada más. Como escribió Ryan en Dao by Design hace tiempo, es realmente doloroso crear un diseño en Firefox, que luego va a lucir desastroso en Internet Explorer, especialmente con versiones viejas de éste. Ryan incluso creó un script que avisa a los visitantes que están usando una versión obsoleta de IE (anterior a la 7).
Quienes odiamos IE, concidimos en que los diseños se ven desconfigurados, no se ven imágenes png ni transparencias, o que hay imágenes que desaparecen, estén en el formato que estén. Según el centro de ayuda de Blogger (aunque no ocurre sólo en Blogger, sino en cualquier plantilla, esté alojada donde esté), “ello se debe a un error en la administración de elementos flotantes (las imágenes) de Internet Explorer dentro de elementos en posición relativa “.
Pero las explicaciones no son suficientes, porque ni el botón de compatibilidad de IE 8 arregla el problema (ya lo probé). ¿Qué hacer, entonces?
Las alternativas:
- Espantar a los visitantes. Se puede hacer dejando un sitio tal cual, y poniendo en algún lado que “el sitio es compatible con Firefox solamente”, o con un script especial (como el de Ryan).
- No usar imágenes en formato png, y hacer los cambios necesarios en la hoja de estilos. Cambios por ahí, por allá… Un poco de ingenio, a ver si resulta.
Actualmente estoy haciendo cambios en el diseño de mi blog, para que sea compatible con Internet Explorer. Me pregunto si quienes usan sólo Firefox harán lo mismo. Después de todo, la mayoría de la gente usa sólo IE; y si un sitio no anda en IE, no importa qué tan bueno sea el diseño para Firefox o Chrome, porque simplemente (y muy lamentablemente) no sirve.
3 Comentarios
Si el IE apesta, es una lastima porque asi se pierden detalles en los themes, cuando se los adapta a IE. Yo por ahora tengo que usarlo y no me queda otra elección, pero ya vendrán tiempos mejores xD
Comparto tu enojo, a veces queres uar un theme y tenes q modificarlo o usar otro, porque IE los asesina.
Saludos
Primera vez visito tu blog, y me ha parecido una maravilla, muy bueno, la felicito por ello, la verdad que firefox le da tres patadas a IE, yo particularmente recomiendo en mi blog que se puede visualizar mejor con el navegador que si sirve: Mozilla Firefox, a su vez con el link de descarga, ahora me gustaria añadir la imagen de su post para rematar IE, si me lo permite.
Saludos!
Enrique: Seguro