Design centrato

Argomento
Design centrato

Con i fogli di stile (CSS) è possibile creare un layout con larghezza fissa posizionato al centro dello schermo senza ricorrere alle tabelle.

Un' esempio tratto da css Zen Garden è visibile in figura:

Layout centrato

Soluzione

Creiamo uno stile che chiamiamo container. Supponiamo di impostare la larghezza massima del nostro design a 760. Nel foglio di stile dovremo inserire

#container {

margin-left: auto;

margin-right: auto;

width: 760px;

padding: 0px;

}

A questo punto dovremo creare un tag <div id="container"> che racchiude il corpo del nostro design