Formação @leonelcunha.

net 2/17/10 7:54 PM

Posicionamento em css
Existem quatro tipos de posicionamento possíveis para as DIVs:
- Estático (static);
- Relativo (relative);
- Absoluto (absolute);
- Fixo (fixed).

O posicionamento estático corresponde ao fluir normal dos elementos num documento HTML, ou seja,
as DIVs são posicionadas de cima para baixo, da esquerda para a direita. Se uma DIV for
reposicionada através de css, a DIV imediatamente abaixo toma o seu lugar.

O posicionamento relativo é um reposicionamento de uma dada DIV relativamente à sua posição

estática, ou seja, relativamente à sua posição estática a DIV está deslocada no eixo x tantos pixeis e
no eixo y outros tantos pixeis.

O posicionamento absoluto é calculado tendo em conta a janela do browser. Neste caso as

coordenadas x e y da DIV estão em perfeita correlação com as dimensões da janela do browser.

O posicionamento fixo permite manter uma DIV fixa na janela do browser, que não mexe com o
movimento do Scroll. Permite-nos criar efeitos como os realizados com frames.

Exemplos:
- Posicionamento 1;
- Posicionamento 2;
- Posicionamento 3;
- Posicionamento 4;
- Posicionamento 5;
- Posicionamento 6;
- Posicionamento 7;
- Posicionamento 8.
- Posicionamento 9;
- Posicionamento 10 ;
- Posicionamento 11 ;

file:///Volumes/LC/%5BSITES%5D/leonelcunha.com/public_html/formacao/index.html Page 1 of 1