Problema estranho no firefox

[Paulo Freitas Nobrega 0]

Bom pessoal estou com um problema aqui. Acho que o mais complicado neste problema é que não consigo localizar o erro. É o seguinte:

 

Vou tentar descrever o local do erro para vocês: estou construindo o site nele contém um box aonde fica uma pequena descrição da modalidade (esporte) e ao lado deste box tem outro de cor laranja aonde fica as notícias relacionadas.

 

Quando abro no I.E 6.0 fica perfeito o box com o conteudo na esquerda e o box laranja com as notícias na direita. Agora quando abro no firefox o box com o conteudo fica normalmente a esquerda mas o box laranja fica abaixo e não ao lado direito do box conteudo. O que está mais estranho ainda é que quando atualizo a página (F5 ou ctrl+F5) o box encaixa perfeitamente. Pensei que o espaço para o box era menor do que sua largura, mais deixei quase o dobro para ver o resultado e ainda continuava ficando abaixo e não ao lado direito. Também não é o cache, pois testei com amigos e avia dado o mesmo erro. Não sei o que pode ser. Se alguém poder me ajudar eu agradeço muito.

 

Abaixo vou deixar o link do site (jogosregionais.ilhasolteira.net) aqui

Se caso abrir corretamente, peço que vá ao menu lateral e na opção modalidades escolha qualquer uma. Pois algumas vezes abre corretamente mais quando escolhemos outra ele retorno o erro.

 

E também os códigos das páginas:

/* BOX PRÉ DEFINIDOS */#principais_corpo {width: 500px;height: 410px;display: table; }/* FIM DO BOX PRÉ DEFINIDOS *//* BOX ESTRUTURA BASE */#modalidades_box1 {width: 300px;height: 100%;margin-right: 5px;float: left; }#modalidades_box2 {width: 191px;height: 100%;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 8px solid #fff;float: right;display: table; }/* FIM DO BOX ESTRUTURA BASE *//* BOX ESTRUTURA BASE II */#modalidades_texto {width: 280px;height: 330px;background-color: #fff; display: table;padding: 10px;margin-bottom: 5px; }#modalidades_resultados {width: 285px;height: 190px;background-color: #fff;display: table;margin-bottom: 5px;padding-left: 10px;padding-top: 10px;padding-right: 5px;padding-bottom: 5px;border-top: 5px solid #ba0003;border-bottom: 5px solid #ba0003; }#modalidades_ultimasnoticias {width: 171px;height: 200px;background-image:url(../geral/imagens/back2.jpg);background-repeat:repeat-x;background-position:top;background-color: #de5100;padding-left: 15px;padding-top: 15px;padding-right: 5px;border-bottom: 3px solid #fff;display: table; }#modalidades_maisesportes {width: 171px;height: 200px;background-image:url(../geral/imagens/back3.jpg);background-repeat:repeat-x;background-position:top;background-color: #336799;border-top: 3px solid #fff;padding-left: 15px;padding-top: 15px;padding-right: 5px;display: table; }/* FIM DO BOX ESTRUTURA BASE II *//* LISTA PART I */#modalidades_ultimasnoticias ul {margin-top: 0;padding-left: 15px; }*html #modalidades_ultimasnoticias ul { margin-left: 0; }#modalidades_ultimasnoticias ul li {color: #fff;list-style: square;margin-bottom: 1px; }*html #modalidades_ultimasnoticias ul li { margin-bottom: 6px; }#modalidades_ultimasnoticias ul li.modalidades_titnoticias {list-style: none;margin-bottom: 4px; }*html #modalidades_ultimasnoticias ulli.modalidades_titnoticias { margin-left: -15px; }ul li.modalidades_titnoticias {font-family: "Times New Roman", Times, serif;font-size: 26px;font-weight: bold;color: #fff;margin-left: -15px;list-style: none; }#modalidades_ultimasnoticias ul li a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;text-decoration: none;}#modalidades_ultimasnoticias ul li a:hover { text-decoration: underline; }#modalidades_ultimasnoticias ul li.vertodas a {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #fff;text-decoration: none;}#modalidades_ultimasnoticias ul li a:hover { text-decoration: underline; }#modalidades_ultimasnoticias ul li.vertodas {list-style-type: none;}*html #modalidades_ultimasnoticias ul li.modalidades_vertodas { margin-left: -15px; }/* FIM DA LISTA PART I *//* LISTA PART II */#modalidades_maisesportes ul {margin-top: 0;padding-left: 15px; }*html #modalidades_maisesportes ul { margin-left: 0; }#modalidades_maisesportes ul li {color: #fff;list-style: square;margin-bottom: 1px; }*html #modalidades_maisesportes ul li { margin-bottom: 6px; }#modalidades_maisesportes ul li.modalidades_titnoticias {list-style: none;margin-bottom: 4px; }*html #modalidades_maisesportes ulli.modalidades_titnoticias { margin-left: -15px; }ul li.modalidades_titnoticias {font-family: "Times New Roman", Times, serif;font-size: 26px;font-weight: bold;color: #fff;margin-left: -15px;list-style: none; }#modalidades_maisesportes ul li.sub_maisesportes {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;font-variant: small-caps;list-style: none;margin-left: -15px;color: #fff; }#modalidades_maisesportes li a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;text-decoration: none;}#modalidades_maisesportes ul li a:hover { text-decoration: underline; }#modalidades_maisesportes ul li.vertodas a {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #fff;text-decoration: none;}#modalidades_maisesportes ul li a:hover { text-decoration: underline; }/* FIM DA LISTA PART II *//* BOX TEXTO */#modalidades_texto {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;color: #075c84; }#modalidades_texto a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CC0000;text-decoration: none; }#modalidades_texto a:hover { text-decoration: underline; }#titulo {margin-bottom: 5px; }.tittexto {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 24px;font-weight: bold;padding-top: 0;color: #3d7aa6; }#modalidades_imagem {width: 70px;height: 100px;float: left;margin: 0 10px 5px 0; }*html #modalidades_imagem { margin-bottom: 0; margin-right: 5px; }/* FIM DO BOX TEXTO *//* BOX RESULTADOS */#modalidades_titresultados { margin-bottom: 3px; }.modalidades_titresultados {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #971419; }.modalidades_resultadosdia {width: 40px;height: 24px;background-color: #bc0300;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;color: #fff;padding-top: 1px;text-align: center;font-weight: bold;margin-right: 5px;float: left; }.modalidades_resultadostext a{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ae1d2a;text-decoration: none; }.modalidades_resultadostext a:hover{text-decoration: underline; }*html .modalidades_resultadostext a { line-height: 2px; }.bug_resultados {}*html .bug_resultados { padding-top: 7px; }.modalidade_mf {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #97856d; }.resultados_geral {margin-bottom: 5px; }/* FIM DO BOM RESULTADOS */

<!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"><head><title>Jogos Regionais 2007 - Ilha Solteira</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta http-equiv="Content-Language" content="pt-br" /><meta name="author" content="Paulo Freitas" /><meta name="reply-to" content="avalonnet9@hotmail.com" /><meta name="description" content="Jogos Regionais 2007 - Ilha Solteira" /><style type="text/css">	@import url("../geral/css/alinhamento.css");	@import url("../geral/css/menu.css");	@import url("../geral/css/diversos.css");	@import url("geral.css");</style><script type="text/javascript">function IEHoverPseudo() {var navItems = document.getElementById("primary-nav").getElementsByTagName("li");for (var i=0; i<navItems.length; i++) {if(navItems[i].className == "menuparent") {navItems[i].onmouseover=function() { this.className += " over"; }navItems[i].onmouseout=function() { this.className = "menuparent"; }}}}function showTimer() {var time=new Date();var hour=time.getHours();var minute=time.getMinutes();var second=time.getSeconds();if(hour<10) hour ="0"+hour;if(minute<10) minute="0"+minute;if(second<10) second="0"+second;var hora=hour+":";var minuto=minute+":";var segundo=second;document.getElementById("hora").innerHTML=hora;document.getElementById("minuto").innerHTML=minuto;document.getElementById("segundo").innerHTML=segundo;}function initTimer() {setInterval(showTimer,1000);}window.onload = IEHoverPseudo; initTimer();</script></head><body><div id="global">	<div id="tudo">		<?php include "../geral/php/topo.php"; ?>		<div id="menu">			<?php include "../geral/php/menu_global.php"; ?>		</div>		<?php		include "../conn.php";				$sql = "SELECT * FROM jogos_modalidades WHERE id = $id";		$result = mysql_query($sql);		$myrow = mysql_fetch_array($result);		?>				<div id="corpo">							<div id="principais_corpo">				<div id="modalidades_box1">					<div id="modalidades_texto">						<div id="titulo"><?php echo "<span class='tittexto'>$myrow[nome]</span><br />"; ?></div>						<div id="modalidades_imagem"> 														<img src="imagens/<?php echo $myrow["imagem"]; ?>.jpg" />						</div>						<?php echo "$myrow[texto]"; ?>					</div>					<div id="modalidades_resultados">						<div id="modalidades_titresultados"><span class="modalidades_titresultados">Últimos Resultados</span></div>						<div class="resultados_geral">							<div class="modalidades_resultadosdia"><span>19</span></div>							<div class="modalidades_resultadostext">								<div class="bug_resultados"><span class="modalidades_resultadostext"><a href=""> Biriqui vence Ilha Solteira por 3 x 1 </a></span></div>								<span class="modalidade_mf">MASCULINO</span>							</div>						</div>												<div class="resultados_geral">							<div class="modalidades_resultadosdia"><span>23</span></div>							<div class="modalidades_resultadostext">								<div class="bug_resultados"><span class="modalidades_resultadostext"><a href=""> Biriqui vence Ilha Solteira por 3 x 1 </a></span></div>								<span class="modalidade_mf">MASCULINO</span>							</div>						</div>												<div class="resultados_geral">							<div class="modalidades_resultadosdia"><span>18</span></div>							<div class="modalidades_resultadostext">								<div class="bug_resultados"><span class="modalidades_resultadostext"><a href=""> Biriqui vence Ilha Solteira por 3 x 1 </a></span></div>								<span class="modalidade_mf">MASCULINO</span>							</div>						</div>												<div class="resultados_geral">							<div class="modalidades_resultadosdia"><span>08</span></div>							<div class="modalidades_resultadostext">								<div class="bug_resultados"><span class="modalidades_resultadostext"><a href=""> Biriqui vence Ilha Solteira por 3 x 1 </a></span></div>								<span class="modalidade_mf">MASCULINO</span>							</div>						</div>												<div class="resultados_geral">							<div class="modalidades_resultadosdia"><span>21</span></div>							<div class="modalidades_resultadostext">								<div class="bug_resultados"><span class="modalidades_resultadostext"><a href=""> Biriqui vence Ilha Solteira por 3 x 1 </a></span></div>								<span class="modalidade_mf">MASCULINO</span>							</div>						</div>					</div>									</div>				<div id="modalidades_box2">					<div id="modalidades_ultimasnoticias">																	<ul>							<li class="modalidades_titnoticias"> <span>Saiba Mais</span> </li>							<li> <a href=""> Voleibol Ilhense perde sua primeira partida </a> </li>							<li> <a href=""> Vitória x Derrota, o que vai dar hoje? </a> </li>							<li> <a href=""> Patrícia e Bernardo as estrelas de Rio Preto </a> </li>							<li> <a href=""> 1,80m? Qual será a altura ideal para jogar volei </a> </li>							<li> <a href=""> Cravada, Paredão, Corredor! Fique por dentro dos significados </a> </li>							<li> <a href=""> Os melhores jogadores dos Jogos, confira a lista </a> </li>							<li> <a href=""> Bate papo com Isabel, maior ponturado Ilhense </a> </li>							<li class="vertodas"> <a href=""> HISTÓRICO DE NOTÍCIAS </a> </li>						</ul>					</div>					<div id="modalidades_maisesportes">						<ul>							<li class="modalidades_titnoticias"> <span>Mais Esporte</span></li>							<li class="sub_maisesportes"> <span><?php echo "$myrow[modalidade_relacionada]"; ?></span> </li>							<li> <a href=""> Vaidade, se produzir antes dos jogos vale a pena? </a> </li>							<li> <a href=""> Na plancheta, Técnico fala sobre a eliminação de Biriui </a> </li>							<li> <a href=""> Guarra na primeira vitória de Alto Alegre </a> </li>							<li> <a href=""> Confiança relamente ajuda na hora da vitoria? Descubra! </a> </li>							<li> <a href=""> Escalação irregular leva Ilha a perda de 2 pontos </a> </li>							<li> <a href=""> Ouro e prata nos 100 metro livre, Dali Caun é a sua 3ª </a> </li>							<li> <a href=""> Putz.., Palavrões ajudam o desempenho dos atletas? </a> </li>						</ul>					</div>				</div>			</div>						<?php include "../geral/php/banner_corpo.php"; ?>							</div>				<div id="diversos">			<?php include "../geral/php/diversos_global.php"; ?>		</div>	</div></div></body></html>

[Guilherme Rambo 4]

Isso é um bug até o momento insolúvel que surgio com o Firefox 2.Elementos com float/clear/display:table geram esse tipo de problemaÀs vezes removendo comentários do código HTML o problema se resolve[]'s

[Paulo Freitas Nobrega 0]

Bem é assim:

#modalidades_box2 {width: 191px;height: 100%;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 8px solid #fff;float: right;[b]display: table;[/b] }

Se caso eu tirar o table resolve? e os comentários que você falow são os da pagina dos css???? tp /* BOX MODALIDADES */

[Guilherme Rambo 4]

Solução alternativa: http://www.web2ponto0.com.br/firefox-o-bug-do-float/

[Paulo Freitas Nobrega 0]

Sem querer abusar demais, to tentando aqui mais ainda ta dando erro, acho que não estou sabendo fazer direito o que gui falou no artigo. Tem como fazer um exemplo...

[Guilherme Rambo 4]

<div id="geral"> <!-- essa aqui teria display table pra aumentar, mas no FF tem o bug --><div id="box"> <!-- Faz de conta que esta div tem float left --></div><div id="box"> <!-- Faz de conta que esta div tem float left --></div><span style="clear:both;display:block;height:1px;"> </span> <!-- Isso aqui resolve o problema --></div>

[]'s

[TheChessMan 0]

Solução definitiva e profissional:

 

http://www.lendo.org/tutoriais/bug-de-floa...explicacao.html

[Hunter_ 0]

achei a solução do TheChessMan mais politicamente e não contribui para o aquecimento global! rahruhaurhaurhaur