2014-10-05 88 views
1

我有一個頁面頁腳,標題和分隔divs在整個頁面比內容區div本身更寬。居中網站相關內容區域的內容區域小於divider

我爲中心的網站:

.wrap { 

width: 1500px; 
margin: 0 auto; 

} 

當我調整朝更小尺寸的窗口,該中心的觀點是,一旦更寬頁腳,標題和分隔的div到達屏幕的左/右側破 - http://bit.ly/1nWeHn4

我需要的僅僅是當內容區域到達瀏覽器屏幕的末端時才停止。

我試圖更廣泛的div的寬度更改爲:

max-width: 1500px; 
min-width:960px; 

它還挺解決了這個問題,並會正常工作,如果我更寬的div有堅實的背景,但是我的分頻器的div都沒有。其結果是,我可以看到分頻器「移動」,同時調整畫面 - http://bit.ly/1vFxAJR

我肯定有一個簡單的辦法,我只是不知道它是什麼尚未:d

+0

我的MacBook Air的屏幕尺寸甚至不能看到整個網站,以便看看會發生什麼:對,但我想你沒有在你的div上設置%,但px的可能或者有最小寬度設置得太高 – Christian 2014-10-06 00:00:05

+0

看,我不希望我們的Mac朋友以任何方式感受受限,他們已經每天都做:P – Acidon 2014-10-06 00:01:12

+0

我猜你從來沒有嘗試過一個mac然後... – Christian 2014-10-06 00:01:38

回答

1

爲了使分配器移動的內容,你必須設置背景位置背景財產。

.divider { background: url("sprite.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); 

*改變也背景重複無重複如你所說

+0

對於遲到的回覆,您是最棒的! – Acidon 2014-10-21 15:27:54

+0

呵呵,謝謝:) – emmanuel 2014-10-21 15:28:19