mi footer no crece cuando cargan productos de forma dinamica

[ras_chalo]

hola que tal!, bueno escribo aqui proque no logro solucionar el siguiente problema:

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:



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> $&nbsp;<?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>  

codigo del css de <div class="clr"></div> :

Código CSS:

.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:

.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!!!

[enrique4480]

lo he mirado por encima, pero esto esta mal:

<div class="clear">

y en tu css se llama clr.

[ras_chalo]

Iniciado por enrique4480

lo he mirado por encima, pero esto esta mal:

<div class="clear">

y en tu css se llama clr.

ah si, es que ese era uno que acababa de cambiar, pero deje el "clr" y me arroja el mismo error...

el css del clr esta correcto ?

no va por hay el error verdad?

saludos!

[enrique4480]

hombre el "no crecer el footer" o bien tiene un tamaño fijo asignado o el clear no esta funcionando. ¿no tienes un enlace donde verlo montado?

[ras_chalo]

Iniciado por enrique4480

hombre el "no crecer el footer" o bien tiene un tamaño fijo asignado o el clear no esta funcionando. ¿no tienes un enlace donde verlo montado?

no la verdad que no tengo donde verlo, estoy de manera local.
entiendo que los height deben ser height=auto; no es así?

saludos!

[enrique4480]

pues sube el html y el css, quitale el php.

[Pipe2890]

Código CSS:

.clr {
       
        clear:both;
       
    }
 

asi deja el css, quitale los demas atributos, y agrega la etiqueta clear antes y despues del contenido