search

DrewDahlman / Mason

Mason.js for creating a perfect grid with jQuery.
http://masonjs.com/
MIT License
1.22k stars 184 forks source link

Layout broken on resize having promoted elements #12

Closed borisrorsvort closed 9 years ago

borisrorsvort commented 11 years ago

Try to resize to the smallest size, then back to the biggest. It become a one column layout.

http://jsfiddle.net/GwXy7/

DrewDahlman commented 11 years ago

from just taking a quick look at your fiddle - Your link elements need to be set to block since they inherently do not have that and a float doesn't quite work properly.

Also your grid container should have a set width.

Also you're wanting to use the custom filler elements, but you aren't supplying any filler elements, if you remove that argument from the init of the plugin you will see that your grid fills properly - seems sizing gets weird not sure if thats due to the width not being supplied or some other constraint that's being applied.

Check those things out - I will do some more digging when i get some time.