StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POOuter Padding and Margins with Masonry / Isotope
text
Body
copied!<p>I have been struggling with Isotope for a while now. After a few different sittings, I can't seem to figure this one out.</p> <p><strong>isotope.metafizzy.co/index.html</strong></p> <p>I'll illustrate my problem with images, but here is the explanation. As you can see on my site,</p> <p><strong>test.davewhitley.com/not-wp/isotope_test/index.php</strong></p> <p>I am using isotope with three same-width columns.</p> <p>If you look at the outer edges of the central layout, you can see that there is some padding, forcing the whole center to be somewhat narrower than the header / footer. I have played with CSS to my heart's content, but I can't figure out how to expand the central gallery to the edges of the div that it is contained it (it is 960px — therefore, the central gallery is about 940px). Normally I could do this with just divs and some CSS, but masonry's javascript is over my head (all of its calculations and such). Any help would be greatly appreciated.</p> <p>Here is my problem illustrated. What I have:</p> <p><a href="http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg" rel="noreferrer">http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg</a></p> <p>What I would like:</p> <p><a href="http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg" rel="noreferrer">http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg</a></p> <p>Sorry for the linked images and non-hyperlinked text, I am too young on this site.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload