Fernando Softov » xhtml http://www.softov.com.br/blog Só mais um blog do WordPress Tue, 28 Sep 2010 03:18:41 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Centralizar div com css http://www.softov.com.br/blog/post/71/centralizar-div-com-css http://www.softov.com.br/blog/post/71/centralizar-div-com-css#comments Tue, 01 Sep 2009 18:43:13 +0000 fernandosoftov http://www.softov.com.br/blog/?p=71 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.

<body>
<div id="geral">
<div id="corpo">
conteudo
</div>
</div>
</body>

E dentro do seu style ou se preferir colocar dentro de um .css o código a seguir

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;
}

Veja o exemplo aqui

]]> http://www.softov.com.br/blog/post/71/centralizar-div-com-css/feed 3