The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I’m using [jQuery Masonary](http://masonry.desandro.com/index.html “http://masonry.desandro.com/index.html”) for a basic dynamic grid layout. All works well.
[Ben Foster](http://stackoverflow.com/questions/8896502/jquery-dynamic-layout-plugin “http://stackoverflow.com/questions/8896502/jquery-dynamic-layout-plugin”) who posted this question on stackoverflow explains our problem very well:
“The plugin appears to calculate the “next available space” based on the height of elements on the previous row.
View example [here](http://i.stack.imgur.com/0EXrx.png “http://i.stack.imgur.com/0EXrx.png”).
In this example item #6 goes to the far right because the height of #4 is less than the height of #2 (where I want it to go).
The layout I would like to achieve is more similar to left-floating elements:
View example [here](http://i.stack.imgur.com/ElUDG.png “http://i.stack.imgur.com/ElUDG.png”).
Are there options on the above plugin to achieve this layout or perhaps a different plugin available?”