Position: fixed

Vamos a crear un elemento DIV con las siguientes propiedades:

#cabecera { position: fixed;
            width: 100%;
            height: 48px;
            top: 0;
            left: 0;
            background-color: #99FFFF; }

Este es el DIV que se ubicará en la cabecera de la página.

En el código de la página, el DIV con position:fixed está ubicado junto antes de este párrafo. El resultado es un rectángulo celeste que abarca todo el ancho de la página ubicado en la parte superior de la misma. Al hacer un desplazamiento (scroll), el rectángulo se mantiene en su posición, lográndose el mismo efecto que con el uso de marcos (frames).

...

...

...

...

...

...

...