desandro/masonry — Issue #134: Fluid layout resizing
Author: timcooper
Created: 2011-10-14 10:23:58+00:00
State: open

Hi there, I've run into a small problem using Masonry with a fluid layout. It initializes perfectly, but at some widths it rearranges the bricks into one vertical column. I've tried a huge number of combinations to try and get rid of this behaviour, but it just doesn't seem to work. I've lowered the widths/gutters, played with isResizable (I thought this would stop it rearranging the layout on resize, but it doesn't seem to - what is the intended use of this option?) Example - http://mtmfinancial.ib3.co.uk you can see the problem just by resizing your browser around, one viewport width it happens at is 768px.

My original thought was that at certain sizes the percentages get rounded oddly and it ends up wider than the container and wraps round, but playing with the widths and overflow doesn't make a difference so I'm not sure. There is also the 1px border which may cause problems in a fluid layout such as this, but removing it makes no change to the behaviour.

So is this a bug or have I botched the options somehow? Any suggestion appreciated.