[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
Hi
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
NeoSwf
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/attachments/20070221/58684084/attachment.htm>
More information about the whatwg
mailing list