Nenhum Comentário
Não precisa de tanta coisa para poder centralizar!
Certamente um layout bonito e bem chamativo empolga os visitantes, que julgam um site pelo layout.
Mas as resoluções dos monitores estão cada vez mais aumentando e os monitores widescreen sendo cada vez mais usados. Para quem usa esse tipo de monitor, um site desalinhado é um site mal feito.
Para resolver esse problema, basta uma simples configuração do CSS. Veja:
1- No seu CSS, coloque:
body{
text-align:center; /*Hack para IE -6 */
}
#all{
text-align:left;/*corrigindo o alinhamento para IE6*/
margin-left:auto; margin-right:auto; /* centralizando em IE7 e outros navegadores*/
width:800px; /*Aqui você deve colocar a largura, em pixels, da sua página*/
}
2- No HTML
2.1- Procure a tag <body> no seu código e coloque a parte em vermelho:
<body><div id="all">
2.2- Procure por </body> no seu HTML e coloque a parte em vermelho:
</div></body>
Salve seus arquivos / seu layout e pronto! Sua página agora está centralizada.
Postar um comentário
Antes de comentar, leia: