Lapaweb
Lapaweb

Come allineare i div al centro della pagina

Il linguaggio CSS consente di settare una pagina o un DIV al centro dello schermo. Per farlo č sufficiente lavorare con i parametri di margine del DIV che vogliamo allineare. Il primo passo č la definizione della larghezza del DIV. Poniamo 300 pixel. Per far capire al browser di farlo allineare al centro aggiungiamo il parametro dei margini automatici sia a destra, sia a sinistra. In questo modo il browser allinea esattamente al centro tutti i contenuti presenti nel DIV.

div#main {
width:300px;
margin-right:auto;
margin-left:auto;
}

Le due stringhe margin-left e margin-right possono anche essere sintetizzate in una sola scrivendo nel seguente modo: margin: 0, auto;

03 / 08 / 2008


Scrivi il tuo commento