Ir para conteúdo

POWERED BY:

Arquivado

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

cacfs

Div desalinhando no IE quando redimensiona

Por , em Desenvolvimento frontend

Recommended Posts

cacfs    0

cacfs
Postado

Bom dia,estou com um problema.Estou montando um site e tenho uma camada que precisa ficar por cima das outras, então coloquei ela como float: left ; position: absolute.Ela ficou no lugar certo, porém, quando abro a pagina no IE ela fica colada la na esquerda, quando mando atualizar ela vem pro lugar certo, quando redimensiono a janela tb acontece isso. Já no Mozilla tá tudo normal.A camada é a divBusca.Como faço para corrigir isso?Ok, vou colocar um exemplo on line

Compartilhar este post

Link para o post
Compartilhar em outros sites

cacfs    0

cacfs
Postado

Aqui está o EXEMPLO, do problema, abra no IE, a camada de busca fica desalinhada, dê um reload na página, ai ela vai pro lugar certo. Se redimensionar a janela, ela tb desalinha, ai ser der um reload ela volta pro lugar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

isso eh normal... se você colocar um position absolute, ele fica parado ali... naum vai indo junto com a resolução... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

aki ficou colada na esquerda nos 2 browsers... com o float left acontece isso... q q você quer q aconteça?

Compartilhar este post

Link para o post
Compartilhar em outros sites

cacfs    0

cacfs
Postado

Ela tem que ficar alinhada com o menu vertical, que tem escrito "Lançamentos, Imóveis avulsos, Corretor on line". Quando abre ela ta ficando colado na esquerda do navegador (em 1024x768) e se você redimensionar a janela ela fica no meio da página, ai se você atualizar ela volta pro lugar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

a esquerda ele jah tah... teria como mostrar uma figura d como você quer... e onde exatamente você quer... pq naum to conseguindo compreender o q você quer... explica direitim...

Compartilhar este post

Link para o post
Compartilhar em outros sites

cacfs    0

cacfs
Postado

Quando a página carrega ele fica ASSIM, e é dessa forma que ele deve ficar.

 

Mas quando redimensiono a janela ele fica ASSIM, ai se eu atualizar a pagina ele volta pro lugar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

v c adianta assim... modifica o codigo pra eu ver como ficou, caso naum tenha adiantado...

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="css_terreplan_site.css" rel="stylesheet" type="text/css"></head><body>	<div id="site">		<div id="divCidades">			Selecione a cidade:    			<a href="#">Campos</a> | 			<a href="#">Macaé</a> | 			<a href="#">Macaé - inglês</a> | 			<a href="#">Vitória</a> 		</div>		<div id="divTopo"><img src="img/topo.gif" alt="negócios imobiliários" border="0"></div>		<div id="divMenuTopo"><img src="img/menu_topo.jpg" border="0"></div>		<div id="divMenu">			<div id="divBusca"><img src="img/bg_div_busca.png" border="0"></div>			<div id="divLinks">							<img src="img/icone_vermelho.gif" border="0"> <a href="#">Lançamentos</a><br>				<img src="img/icone_vermelho.gif" border="0"> <a href="#">Imóveis avulsos</a><br>				<img src="img/icone_vermelho.gif" border="0"> <a href="#">Corretor on line</a><br>				<img src="img/icone_vermelho.gif" border="0"> <a href="#">Meus favoritos</a><br>				<img src="img/icone_vermelho.gif" border="0"> <a href="#">Revista </a>			</div>			<div style="margin-top:20px; font-size: 0.8em; padding-left: 5px;">			</div>		</div>		<div id="divDireita">			<div id="divEnquete">				<img src="img/enquete_titulo.gif" border="0">				aaaaa<br>				aaaaa<br>				aaaaa<br>				aaaaa<br>				aaaaa<br>				aaaaa<br>							</div>		</div>		<div id="divCorpoSite">			<div id="divBannerTopo">				<img src="img/banner_home_topo.gif" alt="Banner" border="0">				<img src="img/banner_home_topo.gif" alt="Banner" border="0">			</div>			<div class="divLancamento">				<div class="divConteudoBox">					<div class="divImgBox">						foto					</div>					<h6>Prédio XyZ</h6>					aaa				</div>			</div>			<div class="divAvulso">				<div class="divConteudoBox">					<div class="divImgBox">						foto					</div>					<h6>Prédio XyZ</h6>					aaa				</div>			</div>		</div>		<div id="divRodape">			rodapé		</div>	</div></body></html>
CSS:

#divBusca {float: left;height: 104px;width: 218px;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

v c assim vai...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="css_terreplan_site.css" rel="stylesheet" type="text/css"></head><body><div id="site"><div id="divCidades">Selecione a cidade:   <a href="#">Campos</a> |<a href="#">Macaé</a> |<a href="#">Macaé - inglês</a> |<a href="#">Vitória</a> </div><div id="divTopo"><img src="img/topo.gif" alt="negócios imobiliários" border="0"></div><div id="divMenuTopo"><img src="img/menu_topo.jpg" border="0"></div><div id="divBusca"><img src="img/bg_div_busca.png" border="0"></div><div id="divMenu"><div id="divLinks"><img src="img/icone_vermelho.gif" border="0"> <a href="#">Lançamentos</a><br><img src="img/icone_vermelho.gif" border="0"> <a href="#">Imóveis avulsos</a><br><img src="img/icone_vermelho.gif" border="0"> <a href="#">Corretor on line</a><br><img src="img/icone_vermelho.gif" border="0"> <a href="#">Meus favoritos</a><br><img src="img/icone_vermelho.gif" border="0"> <a href="#">Revista </a></div><div style="margin-top:20px; font-size: 0.8em; padding-left: 5px;"></div></div><div id="divDireita"><div id="divEnquete"><img src="img/enquete_titulo.gif" border="0">aaaaa<br>aaaaa<br>aaaaa<br>aaaaa<br>aaaaa<br>aaaaa<br></div></div><div id="divCorpoSite"><div id="divBannerTopo"><img src="img/banner_home_topo.gif" alt="Banner" border="0"><img src="img/banner_home_topo.gif" alt="Banner" border="0"></div><div class="divLancamento"><div class="divConteudoBox"><div class="divImgBox">foto</div><h6>Prédio XyZ</h6>aaa</div></div><div class="divAvulso"><div class="divConteudoBox"><div class="divImgBox">foto</div><h6>Prédio XyZ</h6>aaa</div></div></div><div id="divRodape">rodapé</div></div></body></html>
pow, modifiquei o posicionamento da tag da busca, q estava no lugar errado... e tirei o absolute, top do css... dah uma olhada no codigo q c vai ver as diferenças... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

cacfs    0

cacfs
Postado

Agora ela ta paradinha, porém tanto no IE como no Mozilla ela ta ficando um pouco pra baixo do que deveria ficar. Ela tem que ficar alinhada com o menu horizontal, da uma olhada lá.Fiz um teste jogando o DivBusca para dentro do menu, como você tinha feito no primeiro teste e coloquei o margin-top do menu como -24px. Ele ficou no lugar certo, porém o divBannerTopo ficou emprenssado na direita.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

cara, teu codigo tah meio comlicado d entender... tem uns divs q acho q poderiam sair... dah uma enxutada, v ae o q poderia sair do codigo, tenta oranizar a estruturação do código, colocar as divs nos lugares certos. tipo assim:

<div id="site"><div id="cidades"></div><div id="topo"></div><div id="menu"></div><div id="conteudo"><div id="esquerda"></div><div id="direita></div><div id="meio"></div></div><div id="rodape"></div></div>
essa seria +ou- a estruturação do código... ae você veria onde q a parte de busca entraria e colocaria no respectivo div, teria q ver se precisaria d position, ae dependendo você colocaria dentro do div respectivo, etc...

 

e sempre, sempre veja em + d um browser... essa coisa de ver soh em um, pra depois ver no outro, pode ser desastroso... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

cacfs    0

cacfs
Postado

Mas eu estou fazendo nos dois browsers, qq coisa que altero eu olho nos dois, pois saberei exatamente o que mexi que afetou.

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