Como alinhar corretamente seu Layout
Muitas pessoas podem não saber como fazer isso e até mesmo colocar margins para esquerda e direita na div da página achando que a resolução do computador é igual a de todo o mundo, mas acaba "estragando" tudo.
Todo site tem uma div que delimita e centraliza o conteúdo; esse tipo de layout é chamado Fixo. Mas é claro que também existem outros tipos que podem, por exemplo, se adaptar a cada resolução e ocupar a tela toda.
Para fazer um Layout Fixo, você deve ter em mente que todo o conteúdo do site terá que se encaixar em um tamanho total, no caso, o que você escolher.
Nos Tumblrs é comum o uso de Layouts com 700 a 800 pixels de largura, pois são um tamanho bom e mais compactos para um blog. Já os sites utilizam tamanhos maiores, de 1000 a 1200 pixels. Mas isso não é uma regra que você tenha que seguir, já que os tamanhos são definidos por você, de acordo com seu o gosto ou precisão.
Vamos a um exemplo:
#page {position: relative; width: 800px; height: 100%; margin: 0px auto;}
O exemplo acima é de uma página de 800px devidamente alinhada na sua tela, usando o margin left (Esquerda) e right (Direita) como automáticos.
Um outro exemplo, mostrando a forma errada de centralizar, seria:
#page {position: relative; width: 800px; height: 100%; margin: 0px 0px;}
Ao contrário do que parece, usar a margin 0 pixels para esquerda e direita não ajuda a centralizar o conteúdo. Usar <center></center> em volta da div também não traz resultados positivos, pois é um código HTML para centralizar textos, e não divs.
Espero ter dado uma boa explicação do certo e o errado da centralização do Layout Fixo. Deem uma olhada nos outros tipos de Layout aqui.