Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a Internet Explorer 6 y la propiedad ‘bottom’ en CSS

Datos de búsqueda

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.

Comentarios del artículo

Los comentarios están cerrados.

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.

Los comentarios están cerrados.

Información del sitio