Good morning. I don't see any pure CSS way to do this ...
I'd suggest a script to measure your container onload and onresize. You could then set the style of the overlapping (end) elements to "clear: left;". Another option is to just set a different stylesheet based on the screen resolution. You could then decide that lower resolutions get three per row vs. five per row and ditch the on-the-fly restacking behavior. Zack Frazier -- Senior Developer VSA Partners, Inc. 1347 South State Street Chicago, Illinois 60605 http://www.vsapartners.com On Mar 30, 2008, at 3:35 PM, Bruno Fassino wrote: > Charles Stuart wrote: >> >> I want to float a number of divs of unequal height, and have it seem >> as if there are rows, e.g. the floated divs clear all the way to the >> left instead of catching on taller divs, while still having a >> percentage width container. >> >> The test case here explains it all: >> - http://enure.net/dev/float-unequal-heights/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
