É possível centralizar todo um site através de posicionamento absoluto. Para tanto, vamos utilizar a div de id “geral” como exemplo, ou seja: A div id=geral receberá todas as divs, e servirá como base para centralizar.
#geral { left:50%; margin-left:-375px; /* metade da largura que você usar, negativa */ position:absolute; width:750px; }
Se você não quer usar pelo código, mas pelo dreamweaver, acesse assim:
Quando alguma div tem posicionamento absoluto, ela se baseia em seu elemento pai para se posicionar. No caso, como ela não tem elemento pai, então vai se basear na página, em si – body.
Para conseguir o efeito de centralização, jogamos uma margem esquerda de 50%, para que vá para o meio. Mas é o limite da esquerda da div “wrap” que foi jogada 50% neste sentido; então, para que o centro da página é que fique no meio, aplica-se uma margem negativa da metade do valor total da largura.
Particularmente, eu prefiro assim, pois com metodos relativos já tive problemas de o preenchimento e margem da div “geral” não aparecer (pra variar o IE).
Valeu pessoal. Comentem se conseguiram usar.





Assuntos Relacionados
2 internautas respondeu este post
Muito legal! Eu tava precisando rever isto, já não lembrava mais! Tá muito bom o blog Andreo! Abração
achei legal, mas esse “framework”, http://960.gs , sempre me salva a vida, é barbada de instalar e usar, além de deixar mais fácil e ágil, separando o tipografia, posicionamento e tamanhos. Vale conferir!
Deixe sua resposta