Layout centralizado na página independente da resolução

[Cronus VII 0]

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í!!!

[Giovani 104]

Dúvidas frequentes >> Como fazer seu layout se ajustando automaticamente à resolução e à largura da página.

 

http://forum.imasters.com.br/index.php?act...ar+and+vertical

Espero que ajude!

 

tags pesquisadas: centralizar and vertical

[Cronus VII 0]

É... valeu aí... li o artigo do Maujor e saquei porque a home ficou zuada em 800x600. Já tinha lido esses artigos antes... aliás já sabia sobre a técnica mesmo antes de lê-los. Só não me lembrava de um detalhe - foi por causa disso que eu pisei no abacate (ou em coisa pior). http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

 

Nesta resolução a página fica com barra de rolagem e aí um valor de margem negativa muito alto faz o layout sair da área de visualização.

 

Vou ver o que dá pra fazer. O problema é esse flash que está muito grande.

 

Valeu aí http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Giovani 104]

Ainda bem que você conseguiu resolver! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Cronus VII 0]

É... foi um descuido bem besta. Redimensionei o flash e ajustei novamente os valores de altura e margem negativa e ficou perfeito.