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

segui Lapaweb su Facebook
condividi su Facebook

Scrivi il tuo commento


Il tuo nome (facoltativo)



Segui gli aggiornamenti di questo sito
segui Lapaweb su Facebook
policy sui cookie