This is a common problem on a browser I never use, but it seems some still do. When I set up an isotope grid on sites, they seem to work fine in every browser, but when I come to test in IE using http://netrenderer.com it fails to lay out the divs and instead they're all stuck to the left of the browser. I'm trying to find a jQuery method to initiate isotope / masonry layouts etc that is cross browser friendly (IE especially).
Here's a simple mockup in jsfiddle: http://jsfiddle.net/73Xv7/3/
and the live demo version too: http://jsfiddle.net/73Xv7/3/show/
jQuery:\[code\]var jQuerycontainer = jQuery('#main-grid');jQuerycontainer.imagesLoaded( function(){jQuerycontainer.isotope({ itemSelector: '.grid-block', animationEngine: 'best-available', masonry: { columnWidth: 4 }}); });\[/code\]Something else I tried was setting the body to \[code\]display: none\[/code\] and initiating a fadeIn on the window load like so:\[code\](function($) { $(window).load(function() { $(document.body).fadeIn(1000); }); setTimeout(function() { $('#main-grid').isotope( 'reLayout' );}, 1000);})(jQuery);\[/code\]With the aim of giving the scripts more time to load, again this works in all browsers, bar IE. Is there any method to initiate masonry layouts that would work in IE too?
Here's a simple mockup in jsfiddle: http://jsfiddle.net/73Xv7/3/
and the live demo version too: http://jsfiddle.net/73Xv7/3/show/
jQuery:\[code\]var jQuerycontainer = jQuery('#main-grid');jQuerycontainer.imagesLoaded( function(){jQuerycontainer.isotope({ itemSelector: '.grid-block', animationEngine: 'best-available', masonry: { columnWidth: 4 }}); });\[/code\]Something else I tried was setting the body to \[code\]display: none\[/code\] and initiating a fadeIn on the window load like so:\[code\](function($) { $(window).load(function() { $(document.body).fadeIn(1000); }); setTimeout(function() { $('#main-grid').isotope( 'reLayout' );}, 1000);})(jQuery);\[/code\]With the aim of giving the scripts more time to load, again this works in all browsers, bar IE. Is there any method to initiate masonry layouts that would work in IE too?