2
“Como faço pra deixar o meu site centralizado na tela?”
Essa dúvida é comum principalmente entre desenvolvedores iniciantes.
Pois bem, centralizar a página através de CSS é muito simples!
O código abáixo é CrossBrowser (suporta todos os navegadores).
O arquivo HTML deve estar assim:
<body>
<div id=”centro”> Conteúdo do site </div>
</body>
No arquivo CSS:
body { text-align:center; } /* centraliza no IE */
#centro {
margin:0px auto; /*centraliza em outros navegadores*/
width:770px; border: 0;
vertical-align:top;
position:relative;
background-color:#ffffff;
}
Obs.: não esqueça de chamar o seu arquivo CSS no HTML.
Basta colocar a seguinte linha entre as tags <head></head>:
<link href=”seuArquivo.css” rel=”stylesheet” type=”text/css” />
Basta colocar a seguinte linha entre as tags <head></head>:
<link href=”seuArquivo.css” rel=”stylesheet” type=”text/css” />
Testei no Opera, IE6, IE7, IE8, Firefox, Safari e Chrome.
Rafael Vergani
Obrigado Rafael,
era bem isso que eu estava procurando.
Abraço
Rafael Vergani Reply:
December 10th, 2009 at 10:09 pm
Rodolfo,
que bom que ajudou.
Volte sempre.
Rafael