Posición fija de un elemento
Categoría: Diseño Web -
1 Julio 2005 -
En CSS2 se indica que podemos fijar un elemento del diseño (que no se mueva al hacer el scroll, mientras los demás si lo hacen) utilizando la propiedad position: fixed, e indicando las referencias de sus posición (top, left, bottom, right).
#header {
position: fixed;
top: 0;
left: 0;
}
Pero no es efectivo en Internet Explorer. Una solución que no pase por códigos propietarios sería:
body {
overflow: hidden;
}
#contenido {
height: 100%;
overflow: auto;
}
#menu {
overflow: auto;
position: absolute;
top: 0;
left: 0;
}
Así quedarían fijos todos los elementos absolutamente posicionados (en el ejemplo, el div menu) que se encontraran fuera del div contenido:
<body>
<div id="contenido">
…
</div>
<div id="menu">
…
</div>
</body>
Artículos relacionados
Opciones de discusión
Hay 1 comentario
interesante anotacion
Deja un comentario