Hice un carro de compras que esta funcionando ok, el unico problema que me esta arrojando es que al cargar un gran numero de articulos en la pagina, el footer de la pagina no crece con ellos, se queda pegado y no se mueve hacia abajo.
aqui el ejemplo, donde el area ploma es el footer, y claramente los articulos que se cargan de forma dinamica pasan sobre este:
![](http://img805.imageshack.us/img805/7619/capturakn.jpg)
mis codigos son estos:
codigo de la carga de productos:
Código PHP:
<div class="carro">
<form method="post" action="" class="jcart" >
<fieldset>
<div><a target="_blank" href="<?php echo $resp_prod['img'];?>"><img src="<?php echo $resp_prod['img'];?>" width="143" align="left" height="143" title="Clic para Agrandar"/></a></div>
<input type="hidden" name="jcartToken" value="<?php echo $_SESSION['jcartToken'];?>" />
<input type="hidden" name="my-item-id" value="<?php echo $resp_prod['id_prod'];?>" />
<input type="hidden" name="my-item-name" value="<?php echo $resp_prod['nom_prod'];?>" />
<input type="hidden" name="my-item-price" value="<?php echo $resp_prod['precio_prod'];?>" />
<input type="hidden" name="my-item-url" value="" />
<div class="texto"> <p align="justify"><?php echo $resp_prod['coment_prod']; ?></p></div>
<div class="botones">
<ul>
<li><strong><?php echo $resp_prod['nom_prod'];?></strong></li>
<li><strong>Precio:</strong> $ <?php echo $resp_prod['precio_prod'];?></li>
<li>
<label><strong>Cantidad:</strong> <input type="text" name="my-item-qty" value="1" size="3" /></label>
</li>
<li>
<input align="left" type="submit" name="my-add-button" value="Agregar al carro" class="button" />
</li>
</ul>
</div>
<!--<div class="clear"></div>--></fieldset></form>
</div>
<!--<div class="clear"></div>-->
<!--<div class="clear"></div>-->
<?php
++$i;
}
?>
<div class="clear"></div>
Código CSS:
Ver original
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }
ahora el codigo del footer en css:
Código CSS:
Ver original
.fbg { background-color: #323232; margin: auto; padding: auto; height: auto; } .fbg_resize { margin:auto; width:920px; padding:5px 20px; color:#FFF; }
bueno espero que me puedan ayudar ya que le he dado muchas horas y no logro solucionarlo ...
estaré muy atento a cualquier respuesta!
saludos y de ante mano muchas gracias!!!
![de acuerdo](http://static.forosdelweb.com/fdwtheme/images/smilies/dedosarriba.png)