www.DoZarte.com


Posizionare elementi tramite CSS

Position:absolute fa in modo che il nostro blocco si posizioni nella pagina “come se fluttuasse” (infatti non lascia traccia – o spazio – della sua posizione effettiva nella pagina/codice html); si possono usare le proprietà left, right, top, e bottom per il posizionamento nella pagina.

Position:relative posiziona il blocco in relazione alla posizione originale sulla pagina html, cioè viene spostato, usando sempre le stesse proprietà left, right, top, e bottom.
Questo però lascia traccia (uno spazio vuoto) della posizione originale.

Tramite float un box e il suo contenuto vengono spostati di lato, e lo spazio che prima occupavano viene riempito dal contenuto successivo.
Questo parametro può servire nella costruzione di layout a colonne multiple affiancate.

La proprietà clear indica il comportamento degli elementi seguenti, e può assumere valori left, right, both e none.

Link sponsorizzati


Un commento a “Posizionare elementi tramite CSS”

  1. DoZ scrive:

    Un bel tutorial che spiega altrettanto bene il posizionamento degli elementi di una pagina web tramite l’uso di CSS:
    http://tutorialzine.com/2010/06/microtut-how-css-position-works/

Di la tua opinione e scrivi qualcosa!

XHTML: Tags concessi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Attenzione: Per inserire codice html/php o caratteri speciali utilizza Postable oppure HTML Encoder per convertire i caratteri speciali del tuo commento.

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

You can add images to your comment by clicking here.