Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, estou com um problema aqui ao centralizar um site.
No IE, ele funciona normal.
Nos outros browsers ele centraliza, mas quando diminue um pouco o tamanho da janela, o site fica TODO fora do lugar.
Alguêm pode ajudar?
<body> <div id="fundo"> <div id="site"> <div id="topo"> <div id="preto"> <div id="p1"></div> <ul> <li><a href="[http://www.surto.com.br/">Expediente
](http://www.surto.com.br/) <li><a href="[http://www.surto.com.br/contatos.asp">Fale](http://www.surto.com.br/contatos.asp) Conosco </a></li> <li><a href="[http://www.surto.com.br/sobre_nos.asp">Mapa](http://www.surto.com.br/sobre_nos.asp) do Site </a></li> <li><a href="[http://www.surto.com.br/anuncie.asp">Ajuda
](http://www.surto.com.br/anuncie.asp) <li><a href="[http://www.surto.com.br/servicos.asp">Anuncie!
](http://www.surto.com.br/servicos.asp) </ul> <form action="[http://www.surto.com.br/busca/buscar.asp"](http://www.surto.com.br/busca/buscar.asp) class="busca"> <b>Buscar:</b> <input class="busca texto" name="busca" type="text" id="busca" /> <input name="buscar" type="submit" class="ok" id="buscar" value="Ok" /> </form> </div> </div> </div> </div></body>{ margin:0; padding:0; list-style:none; vertical-align:middle; border:none; text-decoration:none; } img { border:0px; } / Pra a imagem não ficar tosca. // Colocando o fundo com sombra. /body { text-align:center; background:#474747 url(../imagens/fundo.gif) repeat-Y center; font:12px "Trebuchet MS", Arial, sans-serif, Verdana; }#fundo { width:100%; background:url(../imagens/fundo_cima.gif) repeat-X top left; } / O fundo fica diferente em cima. /#site { text-align:left; margin:0 auto; width:778px; }/ O Topo. ¬¬ /#topo { width:778px; height:344px; }/ Parte preta /#preto { width:778px; height:130px; background:url(../imagens/fundo_preto.gif) repeat-y center center; }#p1 { position:relative; top: 9px; left:24px; width:730px; height:85px; background-color:#FFFFFF; } / Publicidade */#preto ul { list-style:none; position:relative; top:24px; left:21px; width:420px; float:left; }#preto ul li {display:inline;}#preto ul li a { color: #fff; text-decoration:none; display:block; float:left; padding:0px 8px; }#preto ul li a:hover { text-decoration:underline; }#preto input.busca { width:150px; height:16px; border:0px; font-size:10px; }#preto input.ok { width:24px; color:#FFF; background-color:#000; height:16px; border:0px; font-size:9px; }#preto form.busca { color: #fff; position:relative; top:5px; _top:21px; left: 520px; _left:100px; width:230px; }
Carregando comentários...