なぜカラーボックスが幅を自動調整しないのですか?代わりに水平方向のスクロールバー を表示しています。カラーボックスが幅を自動調整しないのはなぜですか?
これはモデル内に表示されている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の幅が計算されています。
それはしませんでした。すべてのコンテナ/親divの幅が900ではなく900であることがわかります。カラーボックスによる自動計算ですか? – kheya
することができます - 私の提案は、Firebugのdivを表示し、次にどの値が上書きされているかを見ることができます。 –