jQuery Masonry empty spaces

jquery, jquery-masonry

Solution

You want to change the default column width to 1px,

/* JS */   
$("#container").masonry({
    columnWidth: 1,
});

otherwise the default is the width of the first element.

Next You should remove the margins

/* CSS */
.box-item {
    margin: 0px;
}

and it should work.

Here is a fiddle of something I think you are looking for http://jsfiddle.net/xKjUv/38/

Problem

fiddle here - I need it to dont have free spaces between cubes like it has on example. Just something like Windows 8 tiles or whatever. And I would like to stay with masonry, no isotope, becouse masonry is on MIT licence. Is it possible? I've messed a little with masonry settings but it didnt help so I've cleared it on fiddle. ``` $("#container").masonry(); ```

Original source