[whatwg] Layout Problem: Floating Elements with different heights breaks the flow.

Shlomi Asaf neoswf at gmail.com
Wed Feb 21 09:58:17 PST 2007

i have a "table" like layout.
here is a live example: http://www.webcssdesign.34sp.com/me/floatingDivs.htm

all the floating divs has the same height. i haven't written the height in
the css- the content is the same.
all the titles are one line height.
but what happens when one title is longer? the layout breaks and the lower
float element looks for his position in a the next empty space - after the
high element.

how can i solve this problem?
i can find few suggestion but none of them satisfy me:

   1. an Element with clear:both after each ending line.
   2. a Specific height and a overflow:hidden to the title.
   3. a Table

all those solutions are bed.

   1. clear both hurts the simplistic of the server side work- the server
   side programer will have to count the number of elements in each raw and
   then place the clearing element
   2. the height makes the layout inflexible, and empty space where they
   will be only 1 line title
   3. i don't want to get into that :)

any help will be appreciated

Tnx a Lot
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/attachments/20070221/58684084/attachment-0001.htm>

More information about the whatwg mailing list