Outbook
HTML+CSS+JS, Accesibilidad, PHP y más
Inicio
Desarrollo web
CSS
Internet Explorer 6 y la propiedad ‘bottom’ en CSS
Internet Explorer 6 y la propiedad ‘bottom’ en CSS
Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute.
Ejemplo de HTML:
<div id="superior">
<div id="inferior"></div>
</div>
Y ejemplo de CSS:
#superior {height:10em; overflow:hidden; position:relative;}
#inferior {bottom:0; left:0; position:absolute;}
En lugar de considerar el bottom desde la parte inferior del elemento contenedor, en el caso que he observado, desde un poco más abajo del final del documento.
De momento la única solución que he encontrado es montar un Javascript en el que se calcule la altura desde el principio del documento hasta el final del elemento posicionado de forma relativa. Y eso se le resta a la altura del documento. Una vez hecho esto puede que haya que ajustar algunos píxeles.
Artículos relacionados:
Datos del artículo:
- Publicado el Miércoles 16 de diciembre de 2009 a las 16:03
- Archivado en CSS, Desarrollo web
- Etiquetas: CSS, Internet Explorer, Maquetación web, Navegadores web, Propiedad bottom, Propiedad overflow, Propiedades CSS
- Seguimiento de comentarios (RSS 2.0).
Comentarios del artículo
Puedes comentar o hacer trackback desde tu propio sitio web.
Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.
Todavía no hay comentarios.










