Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m trying to create a grid layout at http://www.gablabelle.com/.
I have multiple divs (images) with float: left; property and I wonder why there is some empty spaces and why the floating divs are not filling the gaps.
Many thanks for your time and help.
UPDATE: I now use jQuery isotope but still have gaps… any idea?
That’s just how floating works. Those gaps are there because elements float after another breaks to a new line. It doesn’t fill the space above.
If you want an uneven grid effect then you’d need to use a javascript solution where you are setting absolute positions. I’d recommend the masonry plugin, I think the before/after example on the homepage shows the problem you are having and the solution you want.