quinta-feira, 14 de agosto de 2008

Centralizando blocos horizontalmente

Só editando o modelo do blog já me deparei com uma famosa buxa. Resolvi colocar uma div com um fundo branco para juntar todas os elementos da página, separando o site do fundo. No Internet Explorer funcionou direitinho, mas adivinha se o Firefox quis ser legal!? O layout ficou todo posicionado à esquerda e não adiantou colocar text-align:center; nem na div e nem no body.


Como o nosso amigável align="center" foi depreciado no HTML 4 e no XHTML strict, tive de usar o seguinte método:


-No código CSS da div que eu precisei centralizar, coloquei os atributos margin-left:auto; margin-right:auto;.

-Veja como ficou o código:




Só tem um pequeno problema, as versões anteriores ao Internet Explorer 6 não reconhecem os atributos. Mas como o meu problema estava só no Firefox, não precisei me preocupar com esse detalhe.


Se quiser informações mais detalhadas, visite o link: http://www.mhavila.com.br/topicos/web/css_center.html


Abração pra todos!!

Nenhum comentário: