Lapaweb

Seguici su Facebook o G+
Home

Come allineare i div al centro della pagina

di

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

condividi su Facebook
segui Lapaweb su Facebook

commenti