Erro na montagem dos produtos dentro de div + css
Bom estou com um pequeno problema .... vejam a imagem:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.orbit.com.br/erro.jpg&key=e71636740c65da4225c5870075d2fe70f7b6ad59410cd786417a14c7432ef2ee" alt="Imagem Postada" />
Hora eu atualizo a página e os produtos são montados corretamente e hora ele começa falhar, colocando o titulo de um produto em um quadro, o preço em outro e a imagem em outra, isso quando não vem faltando quadro e ele sai esticando minha página a mais de 300px de altura, alguém sabe como resolver isso, já estou a um tempo quebrando cabeça com isso...
Lembrando que se eu fizer isso com tabela, não dá o mesmo erro... só com a div que está dando isso...
O arquivo que lista os produtos
<div class="titulo_paginas" align="center">PRODUTOS EM DESTAQUE</div>
<?
// 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");
echo "<div id='produto_defult'>";
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>
Aqui meu css
}
#produto_defult {
display: table;
padding: 0px;
margin: 0px;
text-decoration: none;
}
.lista_produto_defult{
display: block;
float: left;
text-align: center;
margin-bottom: 5px;
}.lista_produto_defult a{
display: block;
border: #999999 1px solid;
width: 145px;
height: 155px;
padding: 5px;
margin: 6px;
_margin: 3px;
float: left;
text-align: center;
position: static;
}.lista_produto_defult a:hover{
display: block;
float: left;
border: #FF9900 1px solid;
background-color: #F7F7F7;
}h2 {
font-size: 200%;
}h4 {
font-size: 100%;
color: #000000;
text-transform: uppercase;
}Discussão (5)
Carregando comentários...