2012-01-06 43 views
1

爲什麼colorbox不能自動​​調整寬度?相反,它顯示一個 水平滾動條。爲什麼colorbox不能自動​​調整寬度?

這是在模型內部顯示的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 witdth。它從哪裏獲得這個值?

另一個問題: 高度有時是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 ....將其更改爲最小寬度,然後將允許增長。

+0

沒有這樣做。我看到所有的容器/父div有700px的總寬度,而不是900.它是由colorbox自動計算? – kheya 2012-01-06 01:45:21

+0

可能 - 我的建議是查看Firebug中的div,然後可以看到哪些值被覆蓋以及在哪裏。 – 2012-01-06 01:48:56

0

默認情況下,插件會根據您顯示的數字資產的尺寸自行設置其大小。但是這可以被覆蓋。

請參閱插件doc-o並特別注意尺寸部分(高度,寬度等)並考慮指定100%的值。

ColoBox docs

相關問題