<style type="text/css">
<!--
.cabecera
{
position:fixed;
top:0px;
left:0px;
height:40px;
width:100%;
background-color:#e0e0e0;
}
-->
</style>
<style type="text/css">
<!--
.cabecera
{
position:fixed;
top:0px;
left:0px;
height:40px;
width:100%;
background-color:#e0e0e0;
}
-->
</style>
Este sería el primer párrafo que se mantendría fijo sin desplazarse aunque hubiera que desplazar el resto del contenido de la página
La propiedad fixed
está claramente definida en la especificación
CSS2, sin embargo su implementación en los navegadores es
bastante irregular.
Si estás viendo esta página con Internet
Explorer las situaciones pueden ser de lo más diversas, a pesar del valor fixed
puede que el recuadro superior se desplace con el resto de la página, que no se ajuste, etc.
Sin embargo, cuando la página se visualiza con navegadores más respetuosos con las recomendaciones del W3C, como Mozilla, Konqueror o Galeón por ejemplo, podemos ver la zona de texto superior anclada al inicio de la ventana mientras el resto de la página se desplaza.
Puedes comprobar cómo al aplicar el parche la capa queda fija si visitas esta versión de la página
Se incluyen a continuación unos cuantos párrafos suplementarios para que la página adquiera una longitud mayor.
incluso Aquí empezaría el resto del contenido de la página...
...seguiría...
...seguiría...
...seguiría...
...todavía más...
...y más...
...y mucho más...
...hasta que llegáramos al final de la misma.
