Layout centralizado na página independente da resolução
Aí, pessoas...
Estou finalizando um site que tem a home com um visual diferente das páginas internas; ela tem que ficar bem no centro (tanto na vertical quanto na horizontal) em qualquer resolução, então usei posicionamento absoluto no <div> que encapsula tudo:
#conteiner_home {
border: solid 1px #FFF;
background: #00843B;
**width: 770px;**
min-height: 521px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -260px;
margin-left: -385px;
}
Em 1024x768 fica bom mas em 800x600 o topo fica cortado. Está assim no FF, no IE e no Opera.
Não saquei onde está o problema. Os valores das margens negativas são metade dos valores das dimensões (altura/largura) e mesmo assim parte do topo "vai pra fora".
Alguém sabe onde eu pequei...?
Pra quem quiser conferir aí vai: http://racional.agenciaweb.com.br
Valeu aí!!!
Discussão (4)
Carregando comentários...