HTML/CSS – Centralizar Páginas
Para centralização de páginas alguns designers utilizam tabelas, o que já está em desuso, outra forma também utilizada é o uso de left de 50% menos a metade da página em margin-left, porém este último método não funciona completamente, ao redimensionar o browser não será mais possível a visualização completa do site.
Para evitar este problema utiliza-se divs. Cria-se uma div denominada “centraliza” e dentro da mesma um div com o nome “geral”, já no css na “centraliza” coloca-se margin-left e margin-right igual a “auto” e com a largura total da página. No css do “geral” coloca-se float igual a left.
Para um melhor entendimento veja o código abaixo.
HTML
<body>
<div id=”centraliza”>
<div id=”geral”></div>
</div>
</body>
CSS
#centraliza{
margin-left: auto;
margin-rigth: auto;
width: 760px;
}
#geral{
width: 760px;
float: left;
}
Sendo esta dica válida pelo W3C.
Fonte: http://www.mxstudio.com.br/desenvolvimento/dreamweaver/centralizar-paginas/