Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

fsilvarib

Centralizar O Site Por Completo

Por , em Desenvolvimento frontend

Recommended Posts

fsilvarib    0

fsilvarib
Postado

Olá tudo bem pessoal?

Sou novo por aqui e estou precisando de uma ajuda por favor. Gostaria de saber como faço para centralizar meu site, e que ele fique assim em todos os navegadores, ele esta centralizado isso nas laterais, mas ele fica encostado no topo.

 

Vocês poderiam me dar uma ajudar por favor?

 

Aí vai o código do site:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>   <title></title><style type="text/css">BODY{   margin: 0px 0px 0px 0px;   background-color: White;   color: Black;}a, a:link, a:visited{   text-decoration: none;}a:hover{   text-decoration: underline;}#geral{   background-color: White;   width: 776px;   height: 500px;   border: 1px solid Black;   text-align: left;   color: Black;   margin: 0px auto;}#img_left{   width: 241px;   height: 500px;   float: left;}#banner{   width: 535px;   float: left;   text-align: center;   height: 125px;}#menu{   height: 35px;   float: left;   width: 535px;}#menu_flash{   height: 22px;   width: 524px;   margin-left: 5px;}#center{   width: 535px;   float: left;   height: 318px;}#corpo{   width: 535px;   float: left;   height: 308px;}#bottom{   width: 535px;   float: left;   height: 22px;}.img{   float: left;}#ws_link{   width: 406px;   float: left;   height: 22px;}#link, #link a:hover, #link a:visited, #link a:link, #link a{   background-color: White;   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;   font-size: xx-small;   width: 400px;   color: Black;   line-height: 22px;   text-align: right;}</style></head><body><div id="geral"> <div id="img_left"><img src="img_1.jpg" width="241" height="500" alt="" /></div> <div id="banner"><img src="img_test.jpg" width="524" height="100" alt="" /></div> <div id="menu">  <div id="menu_flash">Menu Flash</div> </div> <div id="center">  <div id="corpo">corpo</div> </div> <div id="bottom">  <div class="img"><img src="img_2.jpg" width="129" height="22" alt="" /></div>  <div id="ws_link">   <div id="link">Desenvolvido e hospedado por <a href="http://www.webstyles.com.br">Web Styles</a></div>  </div> </div></div></body></html>

Agradeço pela atenção de todos e muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito