Posición relativa y scroll en Internet Explorer
Noviembre 13, 2007 @ 22:09
DizqueBug vivido hoy en mis propias carnes. Situación: una caja a la que hemos asignado unas dimensiones y un overflow: auto. Dentro de la caja tenemos elementos con posición relativa (¿quizá para disparar hasLayout y resolver otros bugs?). Al hacer scroll, los elementos en posición relativa no se cantean. Ni un pelo.
En fin, algo tan sencillo como esto:
#container {
overflow: auto;
width: 600px;
height: 200px;
}
.relative {
position: relative;
}No funciona correctamente en Internet Explorer. Y no solo en la versión 6. El bug se reproduce también en la versión 7 de la cosa.
La «solución» consiste en colocar el elemento contenedor en posición relativa:
#container {
overflow: auto;
width: 600px;
height: 200px;
position: relative;
}
.relative {
position: relative;
}Evidentemente –y no sé si decir por fortuna o por desgracia–, no soy el único que se ha topado con este problema. Jonathan Snook lo describe y soluciona en position:relative and overflow in Internet Explorer. Stu Nicholls reutiliza el bug (osado él) como feature en Emulating position fixed for Internet Explorer.
En fin, uno más para el libro.
Articulos relacionados:Internet Explorer 8 Beta 1
Tu propio muñeco vudú de IE con fieltro
Google Auto Pager, scroll infinito en la lista de resultados de Google
Delicious Bookmarks Add-on para Internet Explorer
Firefox 3 consume menos memoria que Internet Explorer y Opera
Permalink
Via Dizque
Internet Explorer, Bugs, Desarrollo Web