SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Layout with JS Masonry problem...

    Hi I'm having problems layout correctly my site. It plays nice when I'm not using the js script masonry, but the #sidebar div seems to be overlapped and not work when the js script is turned on.

    What I want to achieve is for the '.item' divs to expand based on the browser's screen size.

    I have attached zip files with the html.

    Any pointers would be great : )

    LayoutProblem.zip

  2. #2
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not to worry, I got a solution!

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,724
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Would you mind sharing it for the rest of us? It would also help users who happen to search and come across this thread .

    Nice job figuring it out on your own, however. Sorry we were too slow to help .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I found using the imagesLoaded plugin did the trick.

    Using

    <code>var $container = $('#container');

    $container.imagesLoaded( function(){
    $container.masonry({
    itemSelector : '.box'
    });
    });
    </code>

    Hope this helps anyone with this problem : )


Bookmarks

Posting Permissions

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