Overflow en IE6
Ayayay cuántos dolores de cabeza he tenido a causa de Internet Explorer 6. Son bugs, fallas y mañas múltiples que se necesitan dotes de malabarista para conocerlos (ni siquiera trato de entenderlos; sólo sé que existen) y buscar una solución. He abarcado un montón de ellos aquí en CSSLab, y al parecer este es uno más de ellos ya que la lista parece ser interminable.
Desde que cambié el diseño de este sitio al actual donde la home tiene un scroll horizontal, no pude solucionarlo para IE6. Como ese es mi browser más odioado, lo dejé para ‘luego lo veo‘. Pero ya era hora de darle una solución final, y comencé a buscar sobre overflow: hidden en IE6. Precisamente, ese browser tiene un bug muy específico, que se da cuando tienes una caja contenedora que envuelve otra caja, y esta última tiene un position (relative o absolute) definido. Lo que sucede es que la caja que contiene no aplica el overflow: hidden; como debería, sin razón aparente.
[Ver ejemplo 1][1]{.verejemplo}
Maldito browser. No me canso de maldecirlo. 80% del mercado por puro monopolio. Bueno, la solución es demasiado simple, pero había que investigar un poco antes. Basta con aplicar position (relative o absolute) a la caja contenedora también y overflow funcionará para IE6.
[Ver ejemplo final][2]{.verejemplo}
![Imagen en CSSLab de ejemplo de Overflow en IE6][3]
Así que ya saben, si se dan esas condiciones y su caja no esconde el contenido como debería, probablemente esta es la solución. Pero cuidado, si tienen elementos flotando, quizás [algún][4] [método][5] de clearfix a la misma caja contenedora será necesario.
[1]: http://www.csslab.cl/ejemplos/overflow_ie6/1.html “Enlace en CSSLab a “Ejemplo 1"” [2]: http://www.csslab.cl/ejemplos/overflow_ie6/final.html “Enlace en CSSLab a “Ejemplo Final”” [3]: http://www.csslab.cl/wp-content/uploads/2008/07/overflow_ie6.gif [4]: http://www.csslab.cl/2006/07/20/flotando-en-la-incertidumbre/ “Enlace en CSSLab a “Flotando en la incertidumbre”” [5]: http://www.csslab.cl/2008/06/09/clearfix-ultimate/ “Enlace en CSSLab a “clearfix ultimate””