September 22nd, 2010, 03:27 PM
Floating Divs and Unwanted Holes
Firstly I'll say I'm glad I found this place. I've been looking for a solution to this problem for a while now, but I'm not even sure how to phrase it so Google can return anything relevant. Hopefully I can explain this clearly:
I have several floating divs, which are graphically arranged thusly (their hierarchy in the code is indicated by numbers):
(1)top left div - (2)div - (3)top right div
(6)bottom left div - (4)div - (5)bottom right div
All divs are currently floating left contained in a wrapper. The problem I'm having is that the bottom left box is lower than where it ought to be. I know why; the last box is floating left of the bottom right and so it's getting shoved down out of the layout. My question is how do I get that div back up to where it belongs.
Basically the divs are outputting as such ('b' stands for blank):
You should also know that the top left div is taller than the other two top divs, and the bottom left div is shorter than the other two bottom row divs.
September 25th, 2010, 10:32 PM
September 25th, 2010, 10:51 PM
Thanks, I've already found a solution to the problem!