2011-09-21 56 views
1

我有這個例子here如何設置2 div的使用像素和百分比的寬度

我希望你能遵循以下步驟:

  • 調整您的瀏覽器窗口小於950個像素寬。
  • 現在使用水平滾動條滾動到右側。
  • 現在您會注意到灰色條(div)停止縮短並且不會延續到頁面的右側邊緣。

我想知道如何解決這個問題,所以灰色條繼續貫穿整個頁面。

+1

@ Sparky672哇,感謝編輯,它像200%更容易理解,btw對不起我的英語不好。 –

回答

1

使用min-width酒吧本身具有相同的寬度在它的內容上...

我不知道你想要什麼樣的跨瀏覽器的兼容性,但這應該在IE7工作>。任何更多將使這更復雜。

這裏舉例:

http://jsfiddle.net/sg3s/hrN5F/

編輯,這可能會解決這個問題的舊版本的IE也無法測試它雖然http://jsfiddle.net/sg3s/hrN5F/2/

+0

偉大的工程,偉大的,再次偉大的,謝謝。 –

1

而不是使用css來設置您的bgcolorborder,使用1px寬的圖像,然而你需要它的高度。

`background:url('images/bg.gif') repeat-x;` 

請務必在您的bg圖片中包含1px底部邊框。

+0

它不能解決我的問題! –

+0

他建議你應該使用圖像來製作頂部的背景顏色。順便說一下,只有1px寬的重複無限次的圖像減慢了舊版本的IE,更好地給它一些更大的寬度,如10px,IE不必重複它,因此應對圖像更好。 – sg3s

+0

sg3s,我沒有想到老版本即有問題,但它確實有道理。好的指出。詛咒ie! –

相關問題