box in fixed <div> about masonry HOT 4 CLOSED

Do you have a live link I could take a look at? You could try to reproduce it in http://jsfiddle.net

from masonry.

Thanks for response,

here jsfiddle link : http://jsfiddle.net/ANx8C/

from masonry.

I find an solution working in Firefox.
Put
masonryOptions={
columnWidth: 1, }

look the jsfiddle link

Thank a lot

from masonry.

For your example, I believe you want to set columnWidth: 330 This because col4 have 300px width + 10px left padding + 10px right padding + 5px left margin + 5px right margin.

Then set .col5 { width: 630px } so .col5 brick fits right in.

see http://jsfiddle.net/ANx8C/5/embedded/result/ --- code: http://jsfiddle.net/ANx8C/5/

I strongly recommend against using columnWidth: 1 as a solution. When you set the columnWidth to 100, that means, for every 100 pixels, the script tries to find the best position for the 'brick.' If the brick is 100px wide, and the container is 800px wide, that loop will be 8 iterations. If the columnWidth is 1, the loop is 800. You are incurring way too many iterations within the loop.

from masonry.