Publicado em 23 de jul.

problema float:left somente no firefox

Bom, eu já postei esse problema antes e não consegui resolver, pois tinha decidido pesquisar mais sobre o bug do float que tem no firefox, e de tão estressado, já pensei em até jogar uma maldita tabela pra resolver meu problema, bom, mas isso vai acontecer, só depois que eu perder o ultimo fio de cabelo da minha cabeça tentando resolver isso.. rsrsr

Vamos ao problema, eu tenho um site: www.orbit.com.br onde eu listo meus produtos e monto eles dentro de uma div e depois mando ele flutuar a esquerda pra ficar um do lado da outra.... nos demais broswers, fica perfeito.. só no firefox que dá esse bug... alguém poderia me ajudar a resolver isso..

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.orbit.com.br/erro/erro.jpg&key=dcbc00b4ac612be7bad1db747b521dc3eb03e4633c644434d351c4618af388cf" alt="Imagem Postada" />

script que monta as imagens

<div class="titulo_paginas" align="center">PRODUTOS EM DESTAQUE</div>

<div id='produto_defult'>

// VEJO QUANTOS PRODUTOS VAI APARECER NA PÁGINA INICIAL

@$Var_Numero = mysql_result(mysql_query ("select produto_index from produto_configuracao"), 0 , 'produto_index');

// SELECIONO TODOS OS PRODUTOS EM RANDONICO PARA APARECER NA PÁGINA

$Var_produto = mysql_query("select codProduto, fotominiatura, nome, preco from produto order by rand() LIMIT 0 , $Var_Numero");

	while (@$produto = mysql_fetch_object($Var_produto)){
?>

	<div class="lista_produto_defult">

	<a href='?Var=Detalhe_produto&id=<? echo $produto->codProduto; ?>'>

 <!--////////////// FOTO DO PRODUTO////////////////-->

 <img src='admin/<? echo $produto->fotominiatura;?>' width='70' height='70' border="0"></img>

 <!--////////////// NOME PODUTO////////////////-->

 <h4><? echo $produto->nome;?></h4>

 <!--////////////// VALOR DO PRODUTO PRODUTO////////////////-->

 <?

 if (mysql_result(mysql_query("select preco from produto_configuracao"),0,'preco') == "1"){

 echo "<h2>R$ " . number_format($produto->preco,2,',','.’.') . "</h2>";

 }

 ?>

 <!--////////////// VOTAÇÃO DO PRODUTO PRODUTO////////////////-->

 <? include "admin/modules/produto/modules/votacao/votacao.php";?>

	</a>

	</div>

<? }?>

</div>

css

p {

	text-indent : 15px;
}

#produto input {

	border : 1px solid #cccccc;
}

.produto_menu li {

	float : left;
	width : 100%;
}
#produto_defult {
	display : table;
	height : 100%;
	width : 100%;
	clear : both;
	padding : 0;
	margin : 0;
	text-decoration : none;
}
.lista_produto_defult {
	display : block;
	width : auto;
	float : left;
	text-align : center;
	margin-bottom : 5px;
}

.lista_produto_defult a {

	display : block;
	border : 1px solid #999999;
	width : 145px;
	height : 155px;
	padding : 5px;
	margin : 6px;
	float : left;
	text-align : center;
}

.lista_produto_defult a:hover {

	display : block;
	width : 145px;
	float : left;
	border : 1px solid #ff9900;
	background-color : #f7f7f7;
}

h2 {

	font-size : 200%;
}

h4 {

	font-size : 100%;
	color : #000000;
	text-transform : uppercase;
}
.produto_ecompras {
	width : 500px;
	height : 150px;
	border : 1px dotted #ff6600;
	margin : auto;
	margin-top : 10px;
}
#produto_duvidas {
	width : 200px;
	height : 140px;
	float : left;
	border-right : 1px solid #999999;
	background-color : #ffffcc;
	padding : 5px;
}
#produto_interno_venda {
	width : 279px;
	height : 140px;
	float : left;
	padding : 5px;
	text-align : center;
}
#produto_confirmar_add_carrinho {
	border : 1px dotted #ff6600;
	padding : 5px;
	height : 80px;
	margin-bottom : 10px;
	margin-top : 10px;
}
#produto_img_carrinho {
	display : block;
	width : 80px;
	float : left;
}
#produto_add {
	display : block;
	width : 500px;
}
#produto_titulo_carrinho {
	font-weight : bold;
}
.produto_texto_carrinho {
	color : #0066cc;
	font-weight : bold;
}
#promocao {
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}
.cadastrar_produto {
	margin-bottom : 5px;
}
.cadastrar_botao {
	height : 13px;
	color : #ffff00;
	font-size : 9px;
	border : 0;
	background-color : #006699;
}
.categoria_produto_campo {
	margin-bottom : 5px;
}
.categoria_produto_cadastrada {
	border : 1px solid #ffffff;
	height : 15px;
	margin-bottom : 5px;
	padding : 3px;
}
.listar_produto_id {
	width : 25px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	float : left;
	border : 1px solid #ffffff;
	font-weight : bold;
	text-align : center;
}
.listar_produto_nome {
	width : 365px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	font-weight : bold;
	text-align : center;
}
.listar_produto_promocao {
	width : 65px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	font-weight : bold;
	text-align : center;
}
.listar_produto_acao {
	width : 60px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	font-weight : bold;
	text-align : center;
}
.listar_produto_ativo {
	width : 35px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	font-weight : bold;
	text-align : center;
}
.listar_produto_id1 {
	width : 25px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	float : left;
	border : 1px solid #ffffff;
	text-align : center;
}
.listar_produto_nome1 {
	width : 365px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
}
.listar_produto_promocao1 {
	width : 70px;
	height : 21px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	text-align : center;
}
.listar_produto_acao1 {
	width : 60px;
	height : 15px;
	padding : 3px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	text-align : center;
}
.listar_produto_ativo1 {
	width : 41px;
	height : 21px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	border : 1px solid #ffffff;
	text-align : center;
}
.listar_produto_promocao1_oculta {
	position : absolute;
	visibility : hidden;
}
.listar_produto_botao_promocao {
	width : 70px;
	height : 20px;
}
.listar_produto_botao_ativo {
	width : 40px;
	height : 20px;
}
#nuvem {
	font-family : Arial, Helvetica, sans-serif;
	text-transform : lowercase;
	text-align : center;
	height : 100%;
	width : 97.6%;
	padding : 1%;
	display : block;
}

#nuvem span.tag16 a {

	color : #111111;
	font-size : 20px;
}

#nuvem span.tag16 a:hover {

	color : #000000;
	text-decoration : underline;
}

#nuvem span.tag10 a {

	color : #333333;
	font-size : 16px;
}

#nuvem span.tag10 a:hover {

	color : #000000;
	text-decoration : underline;
}

#nuvem span.tag5 a {

	color : #444444;
	font-size : 14px;
}

#nuvem span.tag5 a:hover {

	color : #000000;
	text-decoration : underline;
}

#nuvem span.tag3 a {

	color : #555555;
	font-size : 12px;
}

#nuvem span.tag3 a:hover {

	color : #000000;
	text-decoration : underline;
}

#nuvem span.tag0 a {

	color : #666666;
	font-size : 9px;
}

#nuvem span.tag0 a:hover {

	color : #000000;
	text-decoration : underline;
}

#menu_lateral a {

	display : block;
	text-align : left;
	color : #666666;
	padding : 5px;
	border-bottom : 1px dotted #cccccc;
}

#menu_lateral a:hover {

	display : block;
	text-transform : uppercase;
	font-weight : bold;
	text-align : left;
	padding : 5px;
	border-bottom : 1px dotted #666666;
}
.acao_produto_carrinho {
	display : block;
	width : 40px;
	height : 15px;
	border : 1px solid #999999;
	float : left;
	padding : 5px;
}
.nome_produto_carrinho {
	display : block;
	width : 235px;
	height : 15px;
	border : 1px solid #999999;
	float : left;
	padding : 5px;
}
.qtd_produto_carrinho {
	display : block;
	width : 35px;
	height : 15px;
	border : 1px solid #999999;
	float : left;
	padding : 5px;
}
.qtd_input_produto_carrinho {
	display : block;
	width : 30px;
	height : 13px;
	border : none;
	border : #ffffff;
	text-align : center;
	font-size : 90%;
}
#nome_texto_produto_carrinho {
	text-transform : uppercase;
	font-size : 80%;
}
.preco_produto_carrinho {
	display : block;
	width : 70px;
	height : 15px;
	border : 1px solid #999999;
	float : left;
	padding : 5px;
}
.subtotal_produto_carrinho {
	display : block;
	width : 70px;
	height : 15px;
	border : 1px solid #999999;
	float : left;
	padding : 5px;
}
#alterar_qtd_produto_carrinho {
	display : block;
	width : 150px;
	float : left;
	padding-top : 20px;
}
#total_valor_produto_carrinho {
	display : block;
	width : 355px;
	float : left;
	text-align : right;
	padding-top : 20px;
}
#contcomputando_produto_carrinho {
	display : block;
	width : 255px;
	text-align : center;
	float : left;
	padding-top : 50px;
}
#finacomputando_produto_carrinho {
	display : block;
	width : 250px;
	text-align : center;
	padding-top : 50px;
	float : left;
}

h3 {

	font-size : 120%;
}

h1 {

	font-size : 140%;
}

#carrinho_produto_inicio a {

	display : block;
	background-image : url(modules/ecompras/imagem/fundo.png);
	background-color : #ffcc00;
	height : 63px;
	color : #000000;
}

#carrinho_produto_inicio a:hover {

	display : block;
	background-image : url(modules/ecompras/imagem/fundo.png);
	background-color : #ff6600;
	height : 63px;
}
#carrinho_produto_inicio_imagem {
	display : block;
	width : 61px;
	float : left;
}
#carrinho_produto_inicio_texto {
	display : block;
	float : left;
	width : 108px;
	font-size : 120%;
	text-align : center;
	padding-top : 15px;
}

Discussão (13)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...