Posicionamiento

En esta lección aprenderás:

Esquema de posicionamiento

Existen tres esquemas de posicionamiento: normal, flotante o absoluto:

• El esquema normal es el habitual, es decir, los elementos se muestran en la pantalla en el mismo orden en que se encuentran en la página.
• El esquema flotante es el que permite que un elemento se "salga" de su posición normal y muestre a la izquierda o a la derecha del todo.
• El esquema absoluto permite definir la posición exacta de un elemento

Esquema flotante

La propiedad que establece el esquema de posicionamiento flotante de un elemento es la propiedad float. Los elementos que se encuentran a continuación del elemento flotante fluyen a lo largo del elemento flotante (salvo que tengan establecida la propiedad clear)

Esquema absoluto

La propiedad que establece el esquema de posicionamiento absoluto de un elemento es la propiedad position. Existen cuatro tipos en el esquema de posicionamiento abosluto: estático (static), relativo (relative), absoluto (absolute) y fijo (fixed).

Posicionamiento fijo (fixed)

Cuando estableces la propiedad position como fixed, los elementos se sitúan

Internet Explorer no es capaz de representar este tipo de posicionamiento.

Ejemplo de posicionamiento fijo

Autor: Bartolomé Sintes Marco
Última modificación: 24 de noviembre de 2003