Grow your CSS skills. Land your dream job.

Freetile, mansory, isotope or column-count always result in gaps.

  • # April 24, 2013 at 6:06 am

    Hi all,

    I’ve been strugeling for ages now. im searching a perfect way to get a grid layout with variable hights and widths.
    but whatever i try i always get a missing hole.

    See for example: http://jsfiddle.net/MTxXZ/116/
    when you scale it down you always get this result: http://cl.ly/image/3N1R2h263M3H

    Why can’t 6 fill up the hole.
    The only way to solve is to randomize the sort order. but thats just unlogical for a blog. i don’t mind switching 5 and 6.
    but starting with 9 and ending up with 1 is just not the way.

    I also tried it with mansory.

    nice: http://cl.ly/image/1h0k3i0Q0134
    not so nice: http://cl.ly/image/063d2X2d361M

    # April 24, 2013 at 6:14 am

    That’s just the way floats work I’m afraid. Don’t think there is much you can do about it.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".