floating issue

[fpsdf]

Hey everyone,

This is most probably total newbieness, but I can't seem to get divs to float properly. All I want is to get them lined up on each row of divs, and since they have different heights from one another, this weird thing happens of getting two short divs stacked vertically, leaving some blank spaces where a div could be placed instead...

https://www.dropbox.com/s/uqxo0w48c8zsreb/Screen%20Shot%202012-10-23%20at%2011.23.59.png

[mdo]

With different heights, floats will wrap to the closest one and throw off your intended display. The way you want them to behave is not how they work. Instead, you'll have to wrap every "row" of columns in a div (div.row) to get the behavior you need.

[fpsdf]

markdotto,

That's precisely it. Works like a charm.
I thought I didn't need to wrap each 12 columns and that it would automatically line up each row of divs comprised on each 12 columns. I was wrong :)

Thank you very much for your help