當窗口寬度變化時，頁腳背景圖像縮小

我有一個頁腳是爲網站創建的，但由於某些原因，當我改變窗口寬度時，背景圖像似乎隨着我縮小而消失在整個右側窗戶的寬度。當窗口寬度變化時，頁腳背景圖像縮小

頁腳應該在屏幕底部伸展100％，並且這樣做直到我開始將窗口的寬度縮小到某個點。

你可以看到我的問題Here

任何想法如何解決這個問題的一個例子嗎？我完全難住。也許我在寬度上做了錯誤？

Example

來源

2012-07-10 mystycs

我剛拿出這個代碼的和平，並把它的鏈接作爲例。 – mystycs 2012-07-10 01:27:25

的#footer的寬度被設定爲auto，和中的內容（#content-wrapper）具有一個固定的寬度。

這會導致水平條出現。

要解決此問題，您可以將overflow:hidden設置爲父分區（#footer）。

試試這個：

#footer { 
    background-image: url("images/footer-bg.png"); 
    background-repeat: repeat-x; 
    height: 451px; 
    margin: auto 0; 
    width: 100%; 

    overflow: hidden; //What you're looking for. 
}

如果你也想在內部DIV（#content-wrapper）來動態調整自身大小，使用百分比，而不是像素尺寸爲寬度：

#footer #content-wrapper { 
    height: 451px; 
    margin: auto; 
    width: 83%; 
}

來源

2012-07-10 01:30:16

這種有點奏效，但如果有內容，它不會讓我由於某種原因滾動到右側。 – mystycs 2012-07-10 01:32:57

我肯定會需要它是一定的寬度，只是由於某種原因，它不讓我滾動到頁腳內容的左側。它雖然有效，但不是那樣！ – mystycs 2012-07-10 01:40:54

嗨，我檢查你的演示頁面，你已經定義了頁腳width 1265px，現在

比你定義的最小寬度你的html或body像這樣

body, html { 
    min-width: 1265px; 
}

，因爲你的最大寬度1265定義到您的頁腳，這樣定義same width您body or html

來源

2012-07-10 04:24:56

當窗口寬度變化時，頁腳背景圖像縮小

回答

相關問題