Error en IE6 con el tag em y un enlace

Pues os explico en lo que perdí unas 4 horas ayer miércoles.

Resulta que nos avisaron de que un trabajo nuestro fallaba en IE 6, que el contenido de un div se iba para abajo, lo mismo que cuando un div con mas contenido del que cabe en el, no realiza bien los floats.

Bueno, pues después de comprobar que en un div de 544 px. de ancho, no cabe una imagen de 547 px. en IE 6, pero si en IE 7 o firefox, me puse a recortar todas las imágenes, y poco a poco todas las páginas recuperaron su posición original. ¿Todas? No! una de ellas, y como no puede ser de otra manera era la principal del site, se negaba a volver arriba, a su sitio. Después de trastear mucho y recortar todas las imágenes decido tirar por lo radical y me las cargo todas. Oh sorpresa… seguía sin subir el contenido, y sólo había texto…

Como siempre, fue Abel el que me dio un camino a seguir, recordando que ya nos encontramos con un problema similar en un trabajo anterior, hacía tiempo. Que revisase los tags em. Me cargué todo el contenido y lo volví a entrar párrafo a párrafo. En algunos de ellos estaba el tag em, y funcionaba, no pasaba nada, el contenido se mantenía en su posición, por lo que se desmoronaba la teoría.

Hasta que llegué al párrafo octavo. Se descolocó. Dos usos del em. Cual sería? pues aquel em que se coloca justo detrás de un link. No entiendo que factor hace que se produzca ese error, ni si ocurre en otras situaciones, pero a mi me jodió toda una tarde. Cualquier día de estos, si me da ganas y tengo tiempo lo comprobaré, aunque siendo un bug de IE 6, creo que mejor no pierdo el tiempo, verdad?

Corregir bug en listas en IE 6

Seguro que muchos ya lo sabréis, pero es una de esas cosas que a mi siempre se me olvidan, por lo que lo posteo y así espero que retenerlo…

Cuando realizamos una lista, que contiene enlaces, el menú típico, habréis notado que en IE 6 los elementos de la lista si es vertical se separan mucho, esto se arregla dejando un espacio en blanco entre el nombre del enlace y el tag de cerrar enlace.

codiie6.jpg

Así de fácil

Unicode, Firma BOM y IE

mecagoenelie.gifInauguro está categoria de posts con la experiencia que hoy me Costing? ha quitado 2 horas y media de mi trabajo, esta, un bug como una catedral del amigo de los niños, nuestro querido IE. Este cheap mlb jerseys “programa” (por llamarlo de alguna manera) me ha tenido batallando contra CSS, Html, nombres de archivo, todo lo pensable cheap nfl jerseys y lógico para que una web no se descentrase. Viendose perfecta en navegadores de nueva generación como Firefox El u Opera, en IE la web en la mayoria de secciones se enganchaba a la izquierda de la ventana sin motivo aparente, tanto IE6 como IE7 (no señores, IE7 no es un navegador de última generación) mostraban la web mal montada.Despues de retoques, modificaciones, alteraciones genéticas en el CSS y el HTML de la web, incluso en su PHP, he detectado Nhl un caracter justo en el inicio del código que solo se ve desde el “Ver código fuente” de los dos IE, un carácter cuadrado del típico que no sabe interpretar. Me Málaga acordé de uno de los problemas que tubimos al 😉 pasarnos a UTF-8, y bingo, la Firma BOM que acompaña a las codificaciones Unicode. Jr Esto es interpretado por IE, cosa que no tendria que interpretar, añade estos caracteres antes justo del DOCTYPE y te descuadra toda la web, simplemente quitando la frima BOM, en Dreamweaver cheap mlb jerseys desde Modificar>Propiedades de página>Título/Codificacón y desactivar la maldita opción de BOM.Una vez mas, gracias Microsoft. Y un consejo a todos los que continuais usando Internet Exploiter, seguid este enlace y este enlace.Y para demostrar floats! que IE es un desastre, aquí una prueba.http://www.youtube.com/v/77XA-D5flME