Home Tutoriais Desenvolvimento HTML/CSS – Centralizar Páginas


Para centralização de páginas alguns designers utilizam tabelas, o que já está em desuso, outra forma também utilizada é o uso de left de 50% menos a metade da página em margin-left, porém este último método não funciona completamente, ao redimensionar o browser não será mais possível a visualização completa do site.

Para evitar este problema utiliza-se divs. Cria-se uma div denominada “centraliza” e dentro da mesma um div com o nome “geral”, já no css na “centraliza” coloca-se margin-left e margin-right igual a “auto” e com a largura total da página. No css do “geral” coloca-se float igual a left.

Para um melhor entendimento veja o código abaixo.

HTML

<body>

<div id=”centraliza”>

<div id=”geral”></div>

</div>

</body>

CSS

#centraliza{

margin-left: auto;

margin-rigth: auto;

width: 760px;

}

#geral{

width: 760px;

float: left;

}

Sendo esta dica válida pelo W3C.

Fonte: http://www.mxstudio.com.br/desenvolvimento/dreamweaver/centralizar-paginas/

   

Leave a Reply

This blog is kept spam free by WP-SpamFree.