On 2/21/07, Shlomi Asaf <[EMAIL PROTECTED]> wrote:
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.
What you (and everyone else) need is display:table and
display:table-cell, but unfortunately these features are just not
supported in enough browsers yet. Therefore, you'll probably have to
settle for a less than perfect solution.
how can i solve this problem?
i can find few suggestion but none of them satisfy me:
an Element with clear:both after each ending line.
honestly, this isn't that bad. Just spitting out a <br> after every
third item (count%3) will take only a couple lines of code, and is
probably the lightest way to achieve this for what works today.
--
--
Christian Montoya
christianmontoya.net .. designtocss.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
