Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with jquery masonry and fluid layout

    I am having a problem with jquery masonry on a fluid layout.

    It seems to not properly calculate the width of columns initially, see: http://www.complexd.co.uk/blog-intro/

    There is a white border around images, where it should be flush. When I resize the window this disappears & is fine!

    I can't work out why this is happening, any help would greatly be appreciated!

    As a workaround I have tried setting a fixed width to the container div:

    Code:
    var mwidth = $('#blog-intro-container').width();
    $('#blog-intro-container').css('width', mwidth);
    However it still over calculates the width: http://www.complexd.co.uk/blog-intro-2/. I could hide with overflow hidden, but am still getting 1px gaps between columns & would like to work out why gaps appear in the first place...

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,197
    Thanks
    23
    Thanked 605 Times in 604 Posts
    Googled "jquery masonry alternative" and got a few other things you might want to look into.

  • #3
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I would prefer to use masonry but perhaps it can't be done.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •