PDA

View Full Version : inner div height



topcoder1
22 Aug 2007, 6:38 PM
I have a registration form in a dialog, the form is wrapped around in a few nice box divs. The problem is that when the form doesn't stretch all the way down to the bottom of the dialog, so does the box wrapper. see my screen shot to see what I mean. Basically the inner box div doesn't fit the dialog. Is there a solution to this?
thanks



<div id="reg-dlg" style="visibility:hidden;position:absolute;top:0px;">
<div class="x-dlg-hd">Registration</div>
<div class="x-dlg-bd">

<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>

<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
<div id="regForm">&nbsp;</div>
</div></div></div>

<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>

</div>
</div>

jsakalos
25 Aug 2007, 3:44 PM
Once I've solved this by coding. Dialog has also height so I calculated required height to fit. Later I sacrificed the box and I'm using only center background for the form in dialog to look better.

See attachment.