CSS/Posizionamento: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
m Update syntaxhighlight tags - remove use of deprecated <source> tags
Riga 13:
*'''static''' (valore di default per quasi tutti gli oggetti HTML)
*'''relative''': l'elemento è posizionato seguendo il normale flusso degli elementi nella pagina, tramite l'uso di quattro proprietà (left, right, top e bottom) che assumono come valore una grandezza e specificano la distanza (positiva o negativa) dell'elemento rispetto alla posizione che questo dovrebbe occupare normalmente nella pagina. Ad esempio:
<sourcesyntaxhighlight lang=css>
b {position: relative; top: -5px;}
</syntaxhighlight>
</source>
Con questo codice, tutti gli elementi bold appariranno spostati di 5 pixel verso l'alto rispetto alla linea del paragrafo.<br/>
In particolare:
Riga 27:
*'''absolute''': l'elemento è posizionato rispetto al suo '''blocco contenitore''' (la pagina o un altro elemento block-level a sua volta '''posizionato con il valore della medesima proprietà diverso da <code>static</code>''') tramite le proprita left, right, top e bottom. L'elemento risulterà quindi legato allo scorrere della pagina
*'''fixed''': l'elemento è posizionato rispetto alla finestra sempre tramite le quattro proprietà left, right, top e bottom e non è legato allo scorrimento della pagina. Ad esempio:
<sourcesyntaxhighlight lang=css>
div.bann {
position: fixed;
Riga 33:
right: 0px;
}
</syntaxhighlight>
</source>
mostra l'elemento fisso nell'angolo in basso a destra dello schermo (può servire, ad esempio, per la creazione di banner o simili)
 
Riga 74:
<br style="clear: both" />
La proprietà <code>clear</code> è usata spesso in relazione all'elemento <code>br</code> in questo modo:
<sourcesyntaxhighlight lang=html4strict><br style="clear: both" /></sourcesyntaxhighlight>
che interrompe il testo effettuando il clear in maniera semplice e pulita.