2012-05-11 12 views
3

jQuery Masonryを使用して、ボックスのグリッド(すべて同じサイズ)を表示しています。jQuery Masonry:ウィンドウのサイズ変更イベントで最大幅に制限しますか?

Here is my testing site.

ブラウザの幅は1100px以下であるとき、素晴らしい作品。

1270ピクセル以上で見ると、右側に列が追加されます。

外部コンテナに最大幅が設定されていますが、Masonryはそれを認識していないようで、Masonryコンテナの幅を拡大し続けます。

Masonry Centered pageには、中央に配置されていますが、拘束幅はありません。ブラウザーの幅を広げると、展開して列を追加するだけです。

「これは最大幅です。他の列を追加しようとしないでください」というような厳しいルールを追加するにはどうすればよいですか。

おかげ

UPDATE Here is a jsfiddleを、私は「それはさえ正しくセットアップされた場合には分からないが。それはちょうど問題を見にmy testing siteに行くのがベストです。

+1

を探している結果ではない、あなたは 'containerStyle' OPTIOを使用して試してみましたnは石工? – x1a4

+0

jfiddleは助けになるでしょう... –

+0

私は 'containerStyle'オプションを含んでいましたが、なんらかの理由でそれを読んでいないようです。今は 'position:absolute'をプロジェクトラッパーに置くべきですが、そうではありません。 – davecave

答えて

7

親にmax-widthを設定します私にとってmasonry'edコンテナ作品の要素が。これはあなたが?

#wrapper { max-width: 990px; } 
+0

これはWebkitで動作しません –

関連する問題