The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

jQuery Masonary Order

  • # April 18, 2013 at 3:35 pm

    I’m using [jQuery Masonary]( “”) for a basic dynamic grid layout. All works well.

    [Ben Foster]( “”) 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]( “”).

    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]( “”).

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed