Hi<br style="font-size: 19.9px;">i have a "table" like layout.<br style="font-size: 19.9px;">here is a live example: <a href="http://www.webcssdesign.34sp.com/me/floatingDivs.htm">http://www.webcssdesign.34sp.com/me/floatingDivs.htm
</a><br><br>all the floating divs has the same height. i haven't written the height in the css- the content is the same.<br>all the titles are one line height.<br>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.
<br><br>how can i solve this problem?<br>i can find few suggestion but none of them satisfy me:<br><ol><li>an Element with clear:both after each ending line.</li><li>a Specific height and a overflow:hidden to the title.</li>
<li>a Table</li></ol>all those solutions are bed.<br><ol><li>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
</li><li>the height makes the layout inflexible, and empty space where they will be only 1 line title</li><li>i don't want to get into that :)</li></ol>any help will be appreciated<br><br>Tnx a Lot<br>NeoSwf<br>