2012-01-06 9 views
1

なぜカラーボックスが幅を自動調整しないのですか?代わりに水平方向のスクロールバー を表示しています。カラーボックスが幅を自動調整しないのはなぜですか?

これはモデル内に表示されているdivです。

<div style="width:900px"> 
    <div style="float:left;width:640px;height:640px;text- 
align:center;background-color:#666;"> 
     <img src="xyz.gif" alt="#" /> 
    </div> 
    <div style="float:left;background-color:#eee;min-width:260px"> 
     Show buttons here that must show 
    </div> 
</div> 

は、どのように私はカラーボックスモデルが900pxのdiv なしスクロールバーを表示するには、自動展開していることを確認することができますか?

divは708pxです。この価値はどこから得られていますか?

別の問題: 同じリンクをクリックしても高さが34px、時には600px +になることがあります。

This is wrapping divs from firebug: 
<div id="colorbox" class="" style="padding-bottom: 42px; padding-right: 42px; display: block; position: absolute; width: 708px; height: 542px; top: 0px; left: 337px;"> 
<div id="cboxWrapper" style="height: 584px; width: 750px;"> 
<div id="cboxMiddleLeft" style="float: left; height: 542px;"></div> 
<div id="cboxContent" style="float: left; width: 708px; height: 542px;"> 
<div id="cboxLoadedContent" style="display: block; width: 708px; overflow: auto; height: 522px;"> 

どうにか親divの幅が計算されています。

答えて

0

あなたは640pxの幅を指定しています....それをmin-widthに変更してから拡大することができます。

+0

それはしませんでした。すべてのコンテナ/親divの幅が900ではなく900であることがわかります。カラーボックスによる自動計算ですか? – kheya

+0

することができます - 私の提案は、Firebugのdivを表示し、次にどの値が上書きされているかを見ることができます。 –

0

デフォルトでは、プラグインは表示するデジタルアセットのサイズに合わせて自動的にサイズが変更されます。しかしこれは無効にすることができます。

プラグインdoc-oを参照して、[寸法]セクション(高さ、幅など)に特に注意し、100%の値を指定することを検討してください。

ColoBox docs

関連する問題