I there,

I was needing some help from anyone who could help me. I'm trying to build a website that has some product listings. The problem I'm founding at the moment is this. I have four blocks inside a <div>, something like this:

<div class="categoria">
<div class="prodOne">
<? $a = new Area('Produto L1'); $a->display($c);?>
</div>
<div class="prodTwo">
<? $a = new Area('Produto L2'); $a->display($c);?>
</div>
<div class="prodThree">
<? $a = new Area('Produto L3'); $a->display($c);?>
</div>
<div class="prodFour">
<? $a = new Area('Produto L4'); $a->display($c);?>
</div>
</div>

Neither the <categoria> div nor the <prod...> div's have the "height" element defined because if I did that the next line of <prod...> div's would overlap the <footer> element. What I really wanted was to be able to add <categoria> div's (with those <prod...> div's already inside) each time I needed to add a line of products.

See attachment.

Thanks in advance.
Pedro