Question

Possible Duplicate:
Any ideas on how I could implement a grid-view in CSS? – CSS

I’m trying to create a layout that is backward from what I usually do. I have hundreds of randomly sized divs that I want to fill in as much of the page as possible. As a quick hack, it might look something like this:

|--------||-------------------||----||-----------|
|        ||        2          ||  3 ||     4     |
|   1    ||-------------------||    ||-----------|
|        ||-----------------|  |----|
|        ||                 ||---------|
|--------||        5        ||         |
|--------||                 ||    6    |
|    7   ||-----------------||         |
|        |                   |---------|
|--------|

I’ve been playing with float lefts, but they don’t move upward to fill the gaps. How can this be done?

Thanks guys!

Answer 1

This kind of question was asked yesterday too. The solution was to use a JQuery plugin: Masonry.

Any ideas on how I could implement a grid-view in CSS? – CSS