Come utilizzare al meglio il posizionamento per creare layout complessi

Pubblicato il 09/04/2008 da Matteo Moro in css, esempi, tutorial

proprietà position
Nel momento in cui vogliamo creare layout complessi con i fogli di stile, ci troveremo ad avere a che fare con la proprietà “position” dei CSS, una specie di coltellino svizzero del web design. I valori possibili sono quattro: static, relative, absolute e fixed. Grazie ad un ottimo articolo di CSSNewbie.com, vedremo come utilizzarli al meglio per creare layout complessi ma gestibili in modo semplice.

Static: è il valore predefinito, viene usato principalmente per riportare al comportamento normale singoli elementi definiti precedentemente in altro modo.
Relative: è possibile definire la posizione degli oggetti specificando uno spostamento dalla posizione che avrebbero assunto nel flusso normale delle informazioni.
Absolute: la posizione degli oggetti viene calcolata a partire dall’angolo superiore sinistro della pagina. Gli oggetti partecipano allo scorrimento della pagina, mantenendo la loro posizione fissa rispetto all’angolo.
Fixed: la posizione degli oggetti viene calcolata a partire dall’angolo superiore sinistro della finestra in cui la pagina viene visualizzata. Se definiti in questo modo, gli oggetti non partecipano allo scorrimento della pagina e rimangono fermi anche in caso di scrolling.

Per una descrizione più dettagliata e diversi esempi, consiglio di leggere direttamente l’articolo originale. In rete si possono inoltre trovare molti tutorial sull’argomento, a partire dalla documentazione ufficiale fornita dal W3C e da W3Schools.

CSSNewbie.com: All About CSS Positioning
W3C.org: Choosing a positioning scheme
W3Schools.com: CSS position Property

Commenti

2 commenti per “Come utilizzare al meglio il posizionamento per creare layout complessi”

ZicZac.it, clicca qui e vota questo articolo! il 09/04/2008 09:51

Questo articolo è stato segnalato su ZicZac.it….

…
diggita.it il 09/04/2008 09:52

Come utilizzare al meglio il posizionamento per creare layout complessi…

Nel momento in cui vogliamo creare layout complessi con i fogli di stile, ci troveremo ad avere a che fare con la proprietà “position” dei CSS, una specie di coltellino svizzero del web design….

Commenta il post