Heya. I am floating my wordpress posts so that on larger screens you get multiple columns.
I decided to restrict the heights of the columns to 2 different heights. One height is half the size of the other so it keeps a consistent grid.
The problem is that if I get a full height post on the right of a half height post it will leave a gap.. It is quiet hard to explain but you can see here: http://www.joehamilton.info/00parked/sales/
See the space under the first post on the top left?
hmm... Any ideas on how i could fix this?
If it was always going to be two columns I could just put the floats in a container and alternate from float:right to float:left but I want it to be flexible to adapt to smaller or larger resolutions...
any suggestions appreciated!