Commenti a: Come posizionare gli elementi in una pagina html con i css

Di: Mauro Accornero

Mauro Accornero — Thu, 19 Nov 2009 17:02:51 +0000

Sicuramente per realizzare un layout base ti consiglierei di utilizzare il float. Se necessiti di posizionare in maniera peculiare alcuni elementi in generale il position relative è più semplice da gestire, non estraendo il singolo elemento dal flusso crea meno problematiche. Il posizionamento assoluto invece necessità sempre di un riferimento sulla pagina, come spiegato nell’articolo, inoltre sono presenti molti bachi su internet explorer sul posizionamento assoluto.

Di: Sergio

Sergio — Thu, 19 Nov 2009 16:07:46 +0000

Ciao io sono alle prima armi con css, ed ho un pò di difficolta con il posizionamento dei div.
Non riesco a capire quale sia il migliore da usare per la composizione di una pagine web e in quale occasione si usa il posizionamento relativo, e in quale è meglio usare l’ assoluto.
Potresti aiutarmi. Grazie

Di: Mauro Accornero

Mauro Accornero — Thu, 19 Nov 2009 15:05:08 +0000

Se ad un elemento applichiamo una proprietà position:relative e una proprietà top:50px si noterà che la sua posizione varierà di 50px rispetto alla sua posizione originale. Il legame gerarchico a cui ti riferisci non è tipico del posizionamento relativo bensì del posizionamento assoluto. Se un elemento posizionato in maniera assoluta è contenuto in un elemento con posizionamento diverso da static verrà preso come riferimento. Per fare un esempio pratico prova a definire come regola su un elemento position:absolute; top:0; left:0; vedrai che si posiziona nell’angolo superiore sinistro della pagina. Se lo stesso elemento lo inserisci in un div con position:relative; vedrai che si posizionerà nell’angolo superiore sinistro dell’elemento genitore.

Di: Famba

Famba — Thu, 19 Nov 2009 14:55:25 +0000

Quindi se uso posizionamento relativo con 50px dalla cima il div si mette a 50 pixel di distanza dall’alto dall’elemento genitore?