I have to generate a sequence of div in a loop. I planned to align 3div in a column. The width are same for all cases. but the length may vary based on the div contents.
My real problem is,
consider divs heights
- div1->100px
-
div2->140px
-
div3->90px
-
div4->70px
-
width->250px(fixed for all div).
In my style sheet I had given float left for all these div. but when rendering, the 4th div maintain its top to 140 px. (thats it alligned only after the height of the second div). I want to align the fourth div just the bottom of the first div because there is a gap of 40px exists(140-100). can anyone help me to align the fourth div to just the bottom of the first div,
thanks
Sankaran Thampi