Depois do post sobre como centralizar na horizontal o site, alguma pessoas me perguntaram como centralizar tanto na vertical quanto na horizontal. então, lá vai:
É 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%;
top:50%;
margin-left:-375px; /* metade da largura que você usar, negativa */
margin-top:-300px; /* metade da altura que você usar, negativo */
position:absolute;
width:750px;
heigth:600px;
}
Essas margens negativas (-), estão jogando nosso bloco 150px para esquerda, e 100 para direita! Compensando assim o top: 50% e left: 50%!
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.
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.
Assuntos Relacionados
Ninguém respondeu este post
Deixe sua resposta