0

I'm trying to create a grid layout at http://www.gablabelle.com/.

I have multiple divs floating with isotope and I wonder why there is some empty spaces and why the floating divs are not filling the gaps.

enter image description here

Same problem as here: How to avoid gaps using Isotope with Masonry layout

Many thanks for your time and help.

Community
  • 1
  • 1
Gab
  • 2,216
  • 4
  • 34
  • 61

1 Answers1

1

If your items are in a certain order which you don't want to "destroy" by calling the shuffle method, this will be inevitable. Then, even when shuffling, you can't guarantee the type of fit you want with some elements spanning two columns. You might be able to leverage this plugin instead but it's a very different logic.

Systembolaget
  • 2,514
  • 2
  • 21
  • 37
  • Thanks, I'll just do with it I guess ;-) – Gab Aug 05 '12 at 21:32
  • Looks good. If you have many visitors using smartphones and tablet devices, you might want to consider the hover effects as they don't work on devices without a mouse... – Systembolaget Aug 06 '12 at 00:11
  • Yes but I don't the title of the photos are really important anyway in this case. I'm simply showcasing my work and notes (normal posts) won't have images. – Gab Aug 09 '12 at 03:06