Enero
2007
Los que usan IE la tienen bien ancha
Como ya he contado en otras entradas de este blog, este año, como becario me ha tocado programar/diseñar la web del 15 Congreso Universitario de Innovación Educativa en la Enseñanzas Técnicas (en su día y cuando la web pueda ser pública ya pondré los enlaces).
Hasta ahora he trabajado con Firefox (2.0.0.1), y una extensión que desde que la conozco no puedo vivir sin ella, firebug, capaz de editar html, css o ejecutar javascript al vuelo, y que muestra las peticiones XmlHttpRequest (AJAX) entre otras mil cosas. Imaginaos lo que me puede gustar esta extensión que seguramente cuando cobre la primera mitad de la beca haga una donación al proyecto sólo por lo que he disfrutado con ella.
Pues bien, la web la he maquetado con varios div (nada de tablas) y en esas que me dió por usar la propiedad CSS min-height para que el menú lateral tenga la misma altura que el contenido central. Sorpresa cuando hoy he abierto la web conla puta mierda el navegador IE y veo que cada div ha tomado vida, se han ido de donde les dije que tenían que estar y los márgenes suman o restan 10 px aleatoriamente sin saber cómo. Por lo visto en IE < 7 el atributo min-height está reservado para tablas. Ellos mismos reconocen que el ancho de un elemento no es el mismo para IE que para el resto del mundo. ¿Quién dice que el tamaño no importa?
«Los que usan IE la tienen más ancha !!!»
Primer problema, aunque firebug se puede usar como varios js empotrados/embebidos no es nada comparable a usarlo como extensión nativa de firefox, así que me quedo sin poder editar las propiedades CSS al vuelo.
Segundo problema, podía intentar usar el Microsoft Debugger pero por un motivo que desconozco, después de pasar el test de genuidad de software, descargarlo, instalarlo y reiniciar, no es capaz de arrancar cada vez que hay un error javascript, lo que no voy a hacer es instalar todo el paquete del Office para tener la mierda del debugger así que estoy como con un coche sin llaves.
He probado millones de trucos que consisten en explotar vulnerabilidades del motor de procesamiento css, por ejemplo si le pasas esto:
width: 100px;
w\idth: 140px;
Adivinad donde se tuesta IE.... Pues en cualquier navegador ese elemento tendrá un ancho de 140px, pero en IE se quedará en 100px.
Otra opción (de las mejores) es indicar en el código html algo como esto:
<!--[if IE 6]>Estas usando la mierda del IE 6<![endif]-->
De hecho este código lo tengo en este humilde blog para mostrar un banner de firefox, lo podéis ver al principio del código fuente sino usais Firefox.
Otra de las cosas que me trae de cabeza es un div flotante que sale y se esconde cuando se ejecuta una llamada AJAX (idea tomada del gestor de correo roundcubemail), resulta que IE no entiende el atributo CSS position:fixed por lo que cada vez que sale el mensaje se mueve todos los elementos para abajo y para arriba. Así que lo he puesto como flotante pero si haces scroll ya no se ve :(, he conseguido solucionarlo chapuceramente llamando a javascript desde el CSS, como lo explican aquí.
Hasta ahora he trabajado con Firefox (2.0.0.1), y una extensión que desde que la conozco no puedo vivir sin ella, firebug, capaz de editar html, css o ejecutar javascript al vuelo, y que muestra las peticiones XmlHttpRequest (AJAX) entre otras mil cosas. Imaginaos lo que me puede gustar esta extensión que seguramente cuando cobre la primera mitad de la beca haga una donación al proyecto sólo por lo que he disfrutado con ella.
Pues bien, la web la he maquetado con varios div (nada de tablas) y en esas que me dió por usar la propiedad CSS min-height para que el menú lateral tenga la misma altura que el contenido central. Sorpresa cuando hoy he abierto la web con
«Los que usan IE la tienen más ancha !!!»
Primer problema, aunque firebug se puede usar como varios js empotrados/embebidos no es nada comparable a usarlo como extensión nativa de firefox, así que me quedo sin poder editar las propiedades CSS al vuelo.
Segundo problema, podía intentar usar el Microsoft Debugger pero por un motivo que desconozco, después de pasar el test de genuidad de software, descargarlo, instalarlo y reiniciar, no es capaz de arrancar cada vez que hay un error javascript, lo que no voy a hacer es instalar todo el paquete del Office para tener la mierda del debugger así que estoy como con un coche sin llaves.
He probado millones de trucos que consisten en explotar vulnerabilidades del motor de procesamiento css, por ejemplo si le pasas esto:
width: 100px;
w\idth: 140px;
Adivinad donde se tuesta IE.... Pues en cualquier navegador ese elemento tendrá un ancho de 140px, pero en IE se quedará en 100px.
Otra opción (de las mejores) es indicar en el código html algo como esto:
<!--[if IE 6]>Estas usando la mierda del IE 6<![endif]-->
De hecho este código lo tengo en este humilde blog para mostrar un banner de firefox, lo podéis ver al principio del código fuente sino usais Firefox.
Otra de las cosas que me trae de cabeza es un div flotante que sale y se esconde cuando se ejecuta una llamada AJAX (idea tomada del gestor de correo roundcubemail), resulta que IE no entiende el atributo CSS position:fixed por lo que cada vez que sale el mensaje se mueve todos los elementos para abajo y para arriba. Así que lo he puesto como flotante pero si haces scroll ya no se ve :(, he conseguido solucionarlo chapuceramente llamando a javascript desde el CSS, como lo explican aquí.
Vienvenido al desarrollo web... la cruz de todos es eso, las diferencias de IE con todos los demás. Pero qué pasa? que el 80 o 90% de la gente lo usa, así que por narices hay que tenerlo en cuenta. Pero con el tiempo te acostumbras y haces las cosas directamente para IE y para los demás.
Además ahora la faena se triplica, porque tienes FF y sus similares, IE6 con sus muchas diferencias, e IE7, con sus menores diferencias pero que aun no te las sabes de memoria porque es nuevo... en fin.
Respecto a lo de firebug si, tremendísima, es de las aplicaciones (ya no solo extensiones) que más utilidad se le da, en mi curro la usamos todos. Yo hice una donación nada más salió, como comenté en mi web, y sinceramente, si fuera de pago pagaría por ella, al contrario que cualquier otro soft.
[…] simplemente a tales sitios mal programados y procuro alejarme de ellos, pero leo ahora un comentario de un programador y me doy cuenta de que no es tan fácil el lograr que explorer respete el programar bien! […]