2011-08-19 12 views
6

私はしばらくの間アイソトープに苦労しました。いくつかの異なる座席の後、私はこれを理解することができない。石積み/アイソトープによる外側パディングとマージン

isotope.metafizzy.co/index.html

私は画像と私の問題を説明するが、ここで説明されます。あなたは、自分のサイトに

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

を見ることができるように私は3と同じ幅の列を持つ同位体を使用しています。

中央レイアウトの外側のエッジを見ると、いくつかのパディングがあることがわかり、センター全体がヘッダー/フッターよりやや狭いことがわかります。私は心の中身を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

申し訳ありませんが、私はこのサイトには若すぎますよ。同位体のためのガター幅MODに

+1

こんにちは、私は私の問題の基本的な原理を説明していませんでした。基本的には、グリッド内の各アイテムに「margin-right」を追加しています。これは右端の列の右端の項目にも適用されているため、余白によって列全体が分割されます。これは、外側のコンテナを 'width:960px'に設定しているためです。私はこの問題をjQuery Isotopeで解決する方法を知らない。 – davecave

答えて

関連する問題