CSS - Posicionant capses

Les capses les podem posicionar mitjançant CSS. Això, entre d'altres utilitats, és un recurs més, dels que tenim, per maquetar.

Quan es vol posicionar una capsa el primer que s'ha de fer és definir de quina manera. I això ho fem amb l'atribut "position:", el qual admet com a valors els següents:

1. absolute. Quan li donem aquest valor a position li estem dient al navegador que la capsa es situï respecte a la capsa body o respecte al seu element pare en cas que aquest estigui posicionat d'alguna manera. Per altra banda al posicionar d'aquesta manera la capsa s'aparta del "fluxe" natural dels continguts permetent que aquests es "comportin" com si la nostra capsa no hi fos.
   


2. relative.El posicionament relative és relatiu respecte al punt on es troba situat al codi font, no respecte al body. Per altra banda quan s’aparta del “flux natural” la resta de continguts es comporten com si encara hi fos.
   



3. static. Serveix per situar la capsa allà on es troba respecte al codi font.
4. fixed. Als navegadors moderns i també a IE7 i IE8 podem situar una capsa fixa que no es bellugui encara que moguem la barra de desplaçament.