2011-08-19 74 views
6

我一直在努力与同位素一段时间。经过几次不同的讨论后,我似乎无法弄清楚这一点。外部填充和边距与砌体/同位素

isotope.metafizzy.co/index.html

我会说明我的问题,图像,但这里的解释。正如你可以在我的网站上看到,

test.davewhitley.com/not-wp/isotope_test/index.php

我使用同位素具有三个相同宽度的列。

如果你看中央布局的外边缘,你可以看到有一些填充,迫使整个中心比页眉/页脚稍窄。我用CSS来玩弄我的内容,但我无法弄清楚如何将中央画廊扩展到它所包含的div的边缘(这是960px - 因此,中央画廊大约940px)。通常我可以用div和一些CSS来做到这一点,但砌体的JavaScript已经超过了我的头(所有的计算等)。任何帮助将不胜感激。

这是我的问题说明。我拥有的一切:

http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg

我想什么:

http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg

对不起,链接的图像和非超链接文本,我在这个网站太年轻了。

+1

您好,我没有解释我的问题的基本原则。基本上,我为网格中的每个项目添加了“margin-right”。由于这也适用于最右栏中最右边的项目,因此保证金会打破整个栏目。这是因为我的外部容器设置为'width:960px'。我不知道如何用jQuery Isotope解决这个问题。 – davecave

回答