Centralização de site via CSS.
Muito simples, com apenas alguns códigos faremos a centralização, usaremos um pouco do conceito tableless aliado a uma folha de estilo CSS.
No arquivo HTML
<body> <div id="centro"> Conteúdo do site </div> </body>
No arquivo CSS
1 2 3 4 5 6 7 8 | /* centraliza no Firefox */ body { text-align:center; } /* centraliza no IE */ #centro { margin:0px auto; width:770px; border: 0; vertical-align:top; position:relative; background-color:#ffffff; } |
Obs.: não esqueça de chamar o arquivo CSS na página HTML.
Entre as tags <head> da sua página HTML você deve adicionar a seguinte linha:
<link href="seuArquivo.css" rel="stylesheet" type="text/css" />
Equipe AlvoWeb
18 respostas ↓
1 Anderson Souza // Nov 24, 2007 at 2:27 pm
Não consegui Centralizar o site…
mais de qualquer forma Obrigado…
2 Henrique // Mi 23, 2008 at 3:37 pm
NAO CENTRALIZA NEM FUDENDO!
3 Alexandre // Jul 3, 2008 at 2:16 pm
Muito origado por deixar este post, caramba estava quebrando a cabeça pra centralizar um site feito com div, vlw.
4 jhonatta // Jul 25, 2008 at 11:28 am
queria centralizar meu site pelo dreamweaver
vcs podii me ajudar . ?
5 Felipe // Jul 25, 2008 at 3:52 pm
Olá Jonatan, voce pode utilizar o dreamweaver inserindo esses códigos acima, na sua página html.
Escreva-nos contando a sua dúvida.
6 Nylson // Ago 7, 2008 at 3:38 pm
centraliza sim… cross browsers… só que vcs devem estar se esquecendo de chamar o css…
testem ae… numa pagina html só…
#centro { margin:0px auto; width:770px; border: 0; vertical-align:top; position:relative; background-color:#ffffff; }
/* centraliza no Firefox */
body { text-align:center; }
/* centraliza no IE */
Conteúdo do site
7 Claudio // Nov 28, 2008 at 6:19 pm
Já sofri bastante tentando centralizar sites e encontrei duas soluções:
1º. Se o DIV externo ficar com a propriedade align=”default” ele pode ficar contido dentro das tags coloque o div aqui
2º. Use uma tabela de 1 linha e 1 coluna como base, centralize-a nas propriedades dela ou no css e insira o site dentro dela.
Esta última nunca falhou comigo.
Espero ter ajudado
abs
8 Rodrigo // Nov 28, 2008 at 10:56 pm
Valeu Claudio!
Boa dica!
Abraços.
9 Raphael // Dez 20, 2008 at 4:42 pm
valeu pela dica ficou primeira aqui brigadão
10 bruno // Jan 7, 2009 at 1:03 pm
Ola obrigado
eu estava me quberando pra descobrir isso
cheguei a pesquisar sobre w3c uhaauha
brigadão pelo post………
11 Anderson // Jan 29, 2009 at 10:45 am
O melhor geito para centralizar mesmo
es como o claudio falou…
e ainda deixa o layout liquido…
mas pode se usar o atributo
ao redor do html…
so q tm um porem n valida
12 Felipe // Jan 29, 2009 at 11:44 am
Fala Anderson!
Obrigado por contribuir.
Olá só, o atributo fica ao redor do BODY e não do HTML e permite sim a validação no WC3.
qq coisa posta ai, vlw!
13 Peterson Santos // Mar 28, 2009 at 11:35 pm
Pessoal. nun funfa no IE7 de nenhuma das formas, será que alguém poderia ageita ai e me manda por mail please?
iced_burn@hotmail.com
valeu
14 Djjin // Abr 13, 2009 at 4:18 pm
Sinceramente, pra centralizar um site eu uso 3 div’s, pra ter total segurança em pelo menos 3 navegadores…
Nunca tentei desta forma, e provavelmente dá discrepância…
Mas, valeu (:
15 Rubens Junior // Abr 15, 2009 at 11:41 am
Gente funcionou mesmo. Agora eu sou do tipo que faz mas quer enteder. Favor se puder explique o codigo usado !!!
16 Urbanito // Jul 23, 2009 at 11:00 am
Show de bola ..
Funciona muito bem ….
Obrigado pela dica.
Abs
17 Oskar Design // Ago 19, 2009 at 1:24 am
muitu… + muitu show msm! funciona bem PAKAS…
Parabens!
18 Cássio Pagliarini // Nov 18, 2009 at 12:30 pm
se voces não falarem pro pessoal iniciante onde devem colocar as div’s não vai funcionar NUNCA!!!!
Faça um comentário