Move divs to top once past div above

Forum Moderators: not2easy

Message Too Old, No Replies

Move divs to top once past div above

soccerwiz

7:46 am on Aug 13, 2009 (gmt 0)

I have a web application that has a title in the upper left, than some information after that title. The title only has a width of %50. I want to start information under the title with a div or two created dynamically, and then move the third div up to be at the same height as the header. Below is my rough sketch.

Currently:

ŚHEADER--------Ś
ŚDiv1--Ś ŚDiv2 --Ś ŚDiv3 ----Ś ŚDiv4 -Ś
ŚDiv1--Ś ŚDiv2 --Ś ŚDiv3 ----Ś ŚDiv4 -Ś
ŚDiv2 --Ś

Would like:
ŚHEADER--------Ś ŚDiv3 ----Ś ŚDiv4 -Ś
ŚDiv1--Ś ŚDiv2 --Ś ŚDiv3 ----Ś ŚDiv4 -Ś
ŚDiv1--Ś ŚDiv2 --Ś
ŚDiv2 --Ś

Keep in mind that these divs are dynamic, so it is possible that div 3 is still under the header, so we need to move up div 4.

Thanks in advance.

swa66

11:00 am on Aug 18, 2009 (gmt 0)

I can't come up with something just using CSS that's likely to work for this.
There's no such thing as floating something vertically.

The closest I can come up with would be to use multicolumn text (CSS3) and float the header, but that's not your dynamic divs ... and IE doesn't do multicolumns anyway.

To take into account the dynamic nature of the columns makes it too hard I'm afraid to not have to do the positioning dynamically as well. (hope to be proven wrong)