CURSWEBS

Desitjo que us sigui útil aquest blog. Aquest blog no sustitueix al professor, el complementa. El seu ús és voluntari i no implica cap obligació per part del professor a escriure en ell. Els continguts d'aquest blog s'han de considerar material i apunts. Com a membres teniu dret a escriure en ell preguntes i suggeriments sota la meva supervisió i també penjar en el blog alguns dels vostres treballs a fí que en poguem fer un anàlisi o "feedback". Bona sort.

dissabte, d’octubre 07, 2006


CSS - (8a part) - POSICIONAMENT AMB CSS

En HTML és díficil col·locar un element en la posició exacta i hem de fer servir taules anidades unes dintre de les altres. Amb CSS podem afinar més la precisió que no pas amb HTML. Amb CSS podem posicionar de 4 formes diferents.
  1. Posicionament estàtic. Posicionament normal que té l'element segons la forma habitual de procedir del navegador.
  2. Posicionament relatiu. Posiciona un element en relació amb la seva posició normal o estàtica. Aquest element forma part del fluxe de dades, però queda una mica desplaçat amb respecte a la seva posició normal.
  3. Posicionament absolut. Posiciona respecte als contorns de la pàgina.
  4. Posicionament fixe. Encara no ho implementen els navegadors però la seva posició seria fixe respecte a la finestra.

exemple:
  • position: absolute;
  • left:0px;
  • right:0px;
  • top:10px;
  • bottom:5%;