Previous Message
Next Message

floating thumbnails problem...random heights.

Sent by Austin, Darrel on 26 April 2004 21:09


I'm sure this is a question that isn't uncommon. Apologies if it's been
discussed to death.

I'm trying to get a page of small, floating boxes to form rows. The number
per row dependant on the width of the browser.

I'm using this as a foundation:

http://realworldstyle.com/thumb_float.html#ex3

This works, except when the floating DIVs are of random heights...at which
point, a div can get 'stuck'. The best I can do is this ascii rendering:

------------------------
|      ||      ||      |
|  1   ||  2   ||  3   |
|      ||      ||      |
--------|      |--------
        |      |--------
        --------|      |
                |  4   |
                |      |
                --------

div 4 should be below 1, as it's the start of the next row, but it get's
stuck on div #2 with is longer. Is there a way around this issue? Maybe a
way to force all divs to the height of the tallest div in that row at any
given time (I know...I'm asking a lot there ;o)

-Darrel
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: