potresti mettere tutti i "div" dei contenuti in un "div" unico in margin:auto.
esempio
<div class="wrapper">
<div class="header">
<div class="bar"></div>
</div>
<div class="content">
<div class="core"></div>
......
</div>
<div class="clear_both"></div>
</div>
questo come struttura poi nel css faresti una cosa così:
.wrapper{
width:900px;
//o quanto vuoi tu, di solito se superi i 980px hai problemi nelle risoluzioni a 1024x768
min-height:500px; //tanto si allunga da solo il corpo del div
margin:auto;
}
stessa cosa per l'header. mentre il clear_both lo scrivi così.
.clear_both {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}
Sono indicazioni di massima. Se hai dei dubbi chiedi nello specifico. Spero di essere stato utile.
