Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
É o seguinte, estou fazendo um site de noticias e retirei apenas a parte do codigo q tá dando pau para q você's veja o problema com mais facilidade. Trata-se de 3 divs colocadas uma ao lado da outra componto 3 quadros de chamadas de noticias. A primeira e a ultima aparecem em suas devidas posicoes, mas a do meio simplesmente desaparece. Ja tentei de tudo pra fazer o layout vizualizar corretamente, mas nao consigo. Acho que o problema está na marcação pq ja fiz varias modificacoes no css e nada acontece. Não consigo ver o q fiz de errado. Vejam ae e me falem por favor.
Isso so acontece no Firefox e no netscape. Já testei em varios outros navegadores e funciona normalmalmente.
Obrigado a todos desde já.
Segue marcação:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Guia Midia Magazine</title>
<link rel="stylesheet" type="text/css" href="estiloglobal2-ok-test.css" media="all" />
</head>
<body>
<div class="chamadas_conteudo_base">
<div class="box1_chamadas_base">
<div class="fot_chamada_box_base"><a href="link.htm"><img src="img_conteudo/foto_chamadas_base.gif" /></a></div>
<div class="editoria_box_chamadas_base"><a href="link.htm">Novelas</a></div>
<div class="leed_box_chamadas_base"><a href="link.htm">Viver a vida - Dora pode morar com Marcos apos gravidez</a></div>
<div class="leed2_box_chamadas_base"><a href="link.htm"><span>Caminho do coracao</span> - liga do bem em perigo</a></div>
<div class="leed2_box_chamadas_base"><a href="link.htm"><span>Saiba</span> - o enredo da semana das novelas</a></div>
</div><!-- fim da div box_chamadas_base" ------------>
<div class="box2_chamadas_base">
<div class="fot_chamada_box_base"><a href="link.htm"><img src="img_conteudo/foto2_chamadas_base.gif" /></a></div>
<div class="editoria_box_chamadas_base"><a href="link.htm">Futebol</a></div>
<div class="leed_box_chamadas_base"><a href="link.htm">Bahia enfrenta Vasco da Gama hoje a noite no Rio pelo brasileirao</a></div>
<div class="leed2_box_chamadas_base"><a href="link.htm"><span>Veja</span> o sobe e desce deste campeonato</a></div>
<div class="leed2_box_chamadas_base"><a href="link.htm"><span>Mais</span> - Como ser um torcedor lega</a></div>
</div><!-- fim da div2 box_chamadas_base" ------------>
<div class="box3_chamadas_base">
<div class="fot_chamada_box_base"><a href="link.htm"><img src="img_conteudo/foto3_chamadas_base.gif" /></a></div>
<div class="editoria_box_chamadas_base"><a href="link.htm">Presidente</a></div>
<div class="leed_box_chamadas_base"><a href="link.htm">Lula faz 64 anos e recebe homenagem no Palacio da Alvorada</a></div>
<div class="leed2_box_chamadas_base"><a href="link.htm"><span>Crédito</span> - Volume ultrapassa R$ 100 bi</a></div>
<div class="leed2_box_chamadas_base"><a href="link.htm"><span>Dicas</span> - Como se livrar das dividas em 5 passos</a></div>
</div><!-- fim da div3 box_chamadas_base" ------------>
</div><!-- fim da div chamadas_conteudo_base ------------>
</body>
</html>* {
font: 12px Arial, Tahoma, Verdana, sans-serif;
text-decoration:none;
}a:visited {color:#000000; }
a:hover { color:#FFFFFF;
background-color:#FF9900;
}
.tudo {width:977px;
margin:0 auto;
text-align:left;
}
* {margin:0;
padding:0;
}/===================================================Estilo para box de cahamadas da base ============================/
.chamadas_conteudo_base{width:807px;
height:112px;
margin-top:2px;
float:left;
}
.box1_chamadas_base {width:261px;
height:105px;
margin:2px 0px 0 0;
float:left;
border:1px solid #b5b576;
}
.box2_chamadas_base {width:261px;
height:105px;
margin:2px 0px 0 8px;
float:left;
border:1px solid #b5b576;
}
.box3_chamadas_base {width:261px;
height:105px;
margin:2px 0px 0 0;
float:right;
border:1px solid #b5b576;
}
.fot_chamada_box_base {width:65px;
height:65px;
margin:2px 0 0 5px;
float:left;
}
.editoria_box_chamadas_base a{width:180px;
height:15px;
margin:2px 0 0 5px;
font:1.2em Arial, Tahoma, Verdana, sans-serif;
color:#ff9900;
font-weight:600;
text-decoration:none;
float:left;
}
.leed_box_chamadas_base a{width:180px;
height:50px;
margin:1px 0 0 5px;
font:1.2em Arial, Tahoma, Verdana, sans-serif;
color:#191919;
text-decoration:none;
float:left;
}
.leed2_box_chamadas_base a {width:254px;
height:15px;
margin:2px 0 0 5px;
font:0.9em Arial, Tahoma, Verdana, sans-serif;
color:#191919;
text-decoration:none;
float:left;
}
.leed2_box_chamadas_base a span { font-size:0.9em;
font-weight:600;
}Carregando comentários...