Desde que eu comecei a desenvolver sites seguindo um padrão tive muitos problemas na centralização de uma div no navegador, aonde eu consequia centralizar no mozilla e no IE ficava desconfigurado.
Bem, para quem o mesmo problema que eu tive, veja a abaixo a solução.
Sigamos a estrutura a seguir dentro do body.
[code=’html’]
conteudo
[/code]
E dentro do seu style ou se preferir colocar dentro de um .css o código a seguir
[code=’css’]
body{
background-color:#efefef; /*um fundo para visualizar a div*/
margin:0px;
padding:0px;
text-align:center; /* bug do IE 6*/
}
#geral{
margin:0 auto;
width:900px;
background-color:#FFF; /*um fundo para visualizar a div*/
text-align:left;
}
#corpo{
padding:10px;
}
[/code]
Fernando com a iniciativa de ajuda em seu blog, quero postar a minha solução:
#divCentralizada
{
position:absolute;
left:50%;
width:300px;
margin-left:-150px;/* ((largura/2)*-1) */
height:auto;
/*Estilinhos*/
border:1px solid #009;
background-color:#CCC;
}
Conteudo da DIV
Abraço, Victor.
Bem victor, no caso de usar o position:absolute, em certos casos ao mecher no tamanho do browser o conteudo some….