The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Masonry Chrome Inquiry Reply To: Masonry Chrome Inquiry

    <meta charset="UTF-8">

    <link href="../../Documents/Unnamed Site 2/PlumRevision.css" rel="stylesheet" type="text/css">
    <style type="text/css"></style>
    <script src="//"></script>
    <script src="//"> </script>

    <div id="logo">
    <img src="../../Documents/Unnamed Site 2/Plum-Script.png" width="475" height="275"

    <div id="navigation">   
      <ul class="nav">
            <li><a href="">About<img src="../../Documents/Unnamed Site 2/About.jpg"></a></li>
            <li><a href="">Work<img src="../../Documents/Unnamed Site 2/Work.jpg"></a></li>
            <li><a href="">Contact<img src="../../Documents/Unnamed Site 2/Contact.jpg"></a></li>
            <li><a href="">Blog<img src="../../Documents/Unnamed Site 2/Blog.jpg"></a></li>

    <div id="content" class="js-masonry"
      data-masonry-options='{ "columnWidth":59, "itemSelector": ".item"  }' '{...}'>
      <div id="fit-width" >
     <div class="item img">
          <a href=""> <img src="../../Documents/Unnamed Site 2/stacksracks3.jpg" width="576" height="360"alt="Racks and Stacks" />
        </a><p class="excerpt inner">Racks and Stacks</p></div>


<script type="text/javascript">

var msnry = new Masonry( container );
// layout Masonry again after all images have loaded
imagesLoaded( container, function() {


    <div id="footer">   
        <p> ©2013. </p>


This is my full html. I moved the script as you said to the end before the closing body tag, and the call I believe was used properly at the beginning of the content div which is comprised in the body in the beginning. Masonry works when I rescale the page and animates properly in firefox, however I still am not able to escape the fact that my images in Chrome/Safari keep overlapping and stacking on initial loading. If all else being correct what else can I do? Perhaps there’s a hack with jquery to reload the page after the initial load and cache?