Ir para conteúdo

POWERED BY:

Arquivado

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

T.Colucci

Mais um problema com IE e FF...

Por , em Desenvolvimento frontend

Recommended Posts

T.Colucci    33

T.Colucci
Postado

Olá galera!

Bem, meu problema é meio estranho...

No IE o site fica direito, mas no FF não. Até ai nada de novo. O que acontece é que quando tento mudar o margin-top da DIV #dir, a DIV-pai (Div #cima_esq) se move para baixo juntamente com a DIV filho.

 

O que pode estar havendo? Nunca vi isso antes....

Aqui esta o HTML:

<!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">
<head>
<link rel="stylesheet" href="css/estilo.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>i!i!i!i! Rede Jovem Beat de Rádio i!i!i!i!</title>
</head>

<body>
<div id="tudo">
<div id="topo"></div>
<div id="menu"><?=$saud;?>. <?=$dia;?>, <?=date('j');?> de <?=$mes;?> de <?=date('Y');?>.</div>
<div id="conteudo">
  <div id="cima">
	<div id="cima_dir">
	</div>
	<div id="cima_esq">
	  <div id="dir"></div>
	  <div id="esq"></div>	
	</div>
  </div>
  <div id="baixo">
	<div id="baixo_dir">
	  <div id="dir_cima">
		<div id="adsense">
		<script type="text/javascript"><!--
google_ad_client = "pub-4388456782920532";
/* 125x125, criado 31/01/08 */
google_ad_slot = "0245699967";
google_ad_width = 125;
google_ad_height = 125;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
		</div>
		<div id="ouvinte"><img src="img/img_ods.jpg" alt="" /></div>
	  </div>
	  <div id="dir_baixo">
	  <div id="amigos"><img src="img/img_amigos.jpg" alt="" /></div>
	  <div id="patrocinio"><img src="img/img_patrocinadores.jpg" alt="" /></div>
	  </div>
	</div>
	<div id="baixo_esq"><img src="img/img_top5.jpg" alt="" /></div>
	<div id="ultimo">
	  <div id="ult_dir"></div>
	  <div id="ult_esq"><img src="img/img_enquete.jpg" alt="" /></div>
	</div>
	  <div id="cr"><br /><a href="#">home</a> | <a href="#">a rádio</a> | <a href="#">anuncie</a> | <a href="#">equipe</a> | <a href="#">programação</a> | <a href="#">amigos</a> | <a href="#">contato</a><br /><br />Criado e mantido pela © 2008 Idea Solutions, Inc. Todos os Direitos Reservados.</div>
  </div>
</div>

</div>
</body>
</html>

E aqui esta o CSS:

 

/* Design By: Tiago Colucci - tiagocolucci.guitar@gmail.com - Rede Jovem Beat - Todos os Direitos Reservados.*/

*{margin:0; padding:0;}
body{background-color:#15191C; font:normal 11px Tahoma; color: #333;}
a{color: #333; text-decoration: none;}
a:hover{color: #333; text-decoration: underline;}
#tudo{
  width:990px;
  position:absolute;
  left:50%;
  margin-left:-500px;
}
#topo{
  margin-top:10px;
  margin-left:5px;
  width:990px;
  height:170px;
  background-image:url(../img/topo.jpg);
}
#menu{
  margin-top:10px;
  margin-left:5px;
  width:990px;
  height:25px;
  color: #FFFFFF;
  font-size: 10px;
}
#conteudo{
  margin-left:5px;
  width:980px;
  height:100%;
  padding: 5px;
  background-color:#FFFFFF;
}
#cima{
  margin-top:0;
}
#cima_dir{
  background-color:#53337C;
  width:580px;
  height:230px;
}
#cima_esq{
  background-color: #99CC00;
  width:390px;
  height:230px;
  margin-left:590px;
  margin-top:-230px;
}
#esq{
width:187px;
height:220px;
margin-left:5px;
margin-top:-220px;
background-color:#FFFFFF;
}
#dir{
width:187px;
height:220px;
margin-left:197px;
margin-top:0px;
background-color:#FFFFFF;
}
#baixo_dir{
  margin-top:10px;
  width: 723px;
  height:275px;
}
#baixo_esq{
  margin-top:-275px;
  margin-left:730px;
  background-color: #EA7B00;
  width: 250px;
  height:278px;
}
#dir_cima{
  width:723px;
  height:275px;
}
#dir_baixo{
  width:723px;
  height:114px;
  margin-top:-110px;
}
#adsense{
  width:253px;
  height:156px;
  margin-left: 35px;
}
#ouvinte{
  width:510px;
  height:156px;
  margin-top:-156px;
  margin-left:210px;
  background-color:#D71384;
}
#amigos{
  width:504px;
  height:114px;
  background-color:#2E1614;
}
#patrocinio{
  width:210px;
  height:114px;
  margin-top:-114px;
  margin-left:510px;
  background-color:#0FAAC6;
}
#ultimo{
	width:980px;
	height:120px;
	margin-top:-110px;
}
#ult_dir{
	width:660px;
	height:120px;
	background-color:#333;
	margin-left: 320px;
	margin-top: 120px;
}
#ult_esq{
	width:310px;
	height:120px;
	background-color:#B01415;
	margin-top: -120px;
}
#cr{
	text-align: center;
	font-size: 10px;
}

Galera....valew pela ajuda!

Compartilhar este post

Link para o post
Compartilhar em outros sites

K M    0

K M
Postado

altere no seu CSS as seguintes propriedades:

 

#cima_esq{

background-color: #99CC00;

width:390px;

height:225px;

margin-left:590px;

margin-top:-230px;

padding-top: 5px;

}

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