Prova a fare una cosa del genere e vedi se ti interessa:
Il seguente codice lo metti nell'HTML:
Codice HTML:
<div id="container">
Qui dentro metti il contenuto di tutta la pagina, quindi l'header, il footer, le colonne laterali, il contenuto della tua pagina, o quello che ti pare.
</div> <!-- fine container -->
Il seguente codice lo metti nel CSS (foglio di stile):
Codice:
body {
background-color:#000;
}
#container {
margin:0 auto;
border:2px solid #999;
width:980px;
background-color:#fff;
color:#000;
}
Nel CSS ho impostato un colore di sfondo del body per far vedere la differenza che c'è tra il body ed il box con l'effettivo contenuto della pagina.
Nel "container" (dove si trova il contenuto della pagina) ho dato un margin:0 auto; che c'entra il #container (ed elimina anche il margine in termini di pixel dal bordo della finestra al bordo del container).
Poi ho dato una larghezza (width:980px) al #container, questa larghezza puoi cambiarla inserendo il numero di pixel che vuoi, io ho fatto solo un esempio.
Edit.
Ho fatto una pagina di prova a questo link per vedere il risultato...