[Guilherme Cunha] centralizar-site-maneira-simples-usando-css-php-div-content

De uns tempos pra cá, comecei a pensar em trocar o logotipo, após esta troca, comecei a ter problemas com o posicionamento dele, fazendo com que eu tivesse que dedicar um pouco mais de tempo para deixar ele com mais usabilidade e estilo.

Abaixo, mostrarei o que eu adicionei no código do site para que ele ficasse centralizado e bem posicionado para todos os navegadores livres.

Você deve adicionar o seguinte código no seu arquivo de stilos .css:

#content
{
  position: relative;
  left: 50%;
  width: 740px;
  margin: 0 0 0 -370px;
}

E logo após, na você deve adicionar uma div ao código do seu site, fazendo com que esta div criada englobe todas as páginas do seu site.

<div id="content">

     AQUI TODO CONTEUDO DO SITE

</div>

Pronto, seu site já está centralizado.

Se você preferir pode também validar o seu site junto a w3c, o link é: http://jigsaw.w3.org/css-validator/

Valid CSS!

Valid CSS!