Container al centro

[Grafotek]

Ciao,
ho creato un layout a tre tabelle,
ho impostato il :
[CODE]div#container{
position: relative;
background-color: #BDDEFF;
width: 800px;CODE]
Qualcuno mi sa dire come posso far si che il "container" venga visualizzato sempre al centro della pagina html.

CiaoCiao
Elena

[seed_squall_it]

Per i browser aderenti agli standard, devi impostare #container con:

margin: 0 auto;

Per quell'indecenza di IE (7 compreso!) devi invece impostare il body con:

text-align: center;

e quindi riallineare il testo a sinistra in #container con:

text-align: left;

Ricapitolando, avresti:

body {
text-align: center; /* Allina al centro i box contenuti nel body per IE */
}

div#container {
text-align: left; /* Reimposta l'allineamento del testo a sinistra */
margin: 0 auto; /* Centra #container nel suo contenitore (body) in tutti gli altri browser */
position: relative;
background-color: #bddeff;
width: 800px;
}

Ricorda inoltre che impostare margin al valore auto ha effetto solo per i margini orizzontali. Quindi non puoi centrare un box verticalmente nel suo contenitore impostandone i margini verticali sul valore auto.