Grow your CSS skills. Land your dream job.

jQuery Masonary Order

  • # April 18, 2013 at 3:35 pm

    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?”

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".