I've actually had this issue for longer than I care to mention :P but
one solution is a jQuery snippet that takes the tallest elements height
and applies it to all the other elements of your specification. You can
find it here http://css-tricks.com/equal-height-blocks-in-rows/
A lot of developers will tell you it's never a good idea to have your
layout depend on JS to fix quirks, but far as I know there is no way to
account for an elements height in a cluster with only CSS.
Cheers,
- Brandtley
On 4/4/2011 5:40 PM, julianomoreira wrote:
Hi, folks!
I was wondering if you smart folks had another idea for laying out a
floated list item<li> with different heights. The problem is
depending on<li> height, the list items don't flow left nicely
instead it creates gaps between items. For now, I'm using min-
height="480px" so I was wondering if anyone have come across the same
issue.
Thanks folks!
_Juliano Moreira
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
