Ir para conteúdo

POWERED BY:

Arquivado

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

MetalPhoeniX

Site centralizado.

Por , em Desenvolvimento frontend

Recommended Posts

MetalPhoeniX    0

MetalPhoeniX
Postado

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</a></li>					<li><a href="http://www.surto.com.br/contatos.asp">Fale Conosco </a></li>					<li><a href="http://www.surto.com.br/sobre_nos.asp">Mapa do Site </a></li>					<li><a href="http://www.surto.com.br/anuncie.asp">Ajuda</a></li>					<li><a href="http://www.surto.com.br/servicos.asp">Anuncie!</a></li>				</ul>				<form action="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>
CSS

* { 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; }

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Cara, eu abri seu código no Firefox e tá 100% beleza.Tudo centralizado certim e posso redimensionar diboas...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Cara, eu abri seu código no Firefox e tá 100% beleza.Tudo centralizado certim e posso redimensionar diboas...

É isso micox, tb testei (FF) aqui e funcionou perfeitamente!!!100%

Compartilhar este post

Link para o post
Compartilhar em outros sites

MetalPhoeniX    0

MetalPhoeniX
Postado

eu consegui consertar aqui...Mas só tem 1 problema, ele centraliza e tudo, mas no NETSCAPE, quando a janela é menor que 800x600, o site vai se escondendo do lado direito da tela.Alguêm já passou por isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Uai. cara. Pra mim isso é normal... Não me preocupo com janelas inferiores a 800x600 (mas também nao me preocupo nem um pouco com quem usa netscape)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Não me preocupo com janelas inferiores a 800x600 (mas também nao me preocupo nem um pouco com quem usa netscape)

É isso micox....janela inferior a 800x600, fica bem complicado!!!E sobre o Netscape...nunca usei...nem sei o q falar.....Abraços!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

e o Netscape tem um funcionamento parecido com o FF, pois os dois são baseados no Gecko.

Valeu THE_WATCHER, vou baixar aqui o Netscape para testar as coisas q eu faço....assim entra mais um navegador para os testes!!!Abraços!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

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