Informatica consapevole

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