我希望灰色背景一直延續到當前窗口的高度。我嘗試將高度設置爲#default-wrapper-body的100%,但似乎沒有做任何事情。設置背景運行到頁面底部,與頁面高度無關
看到它住在這裏:http://www.zorgbeurs.nl這裏顯得更加突出:http://www.zorgbeurs.nl/aanmelden
我還添加了一個圖像,在右邊框的區域應運行到頁面底部,在所有頁面,而不僅僅是主頁。
我希望灰色背景一直延續到當前窗口的高度。我嘗試將高度設置爲#default-wrapper-body的100%,但似乎沒有做任何事情。設置背景運行到頁面底部,與頁面高度無關
看到它住在這裏:http://www.zorgbeurs.nl這裏顯得更加突出:http://www.zorgbeurs.nl/aanmelden
我還添加了一個圖像,在右邊框的區域應運行到頁面底部,在所有頁面,而不僅僅是主頁。
發生這種情況是因爲瀏覽器無法檢測到頁腳的高度或那樣的原因,也是你無法在所有的元素使用的包裝,速戰速決將是下面的CSS添加到您的樣式表:
#footer_footnote_wrapper {
height: 80px;
border-bottom: 1px solid #DCDCDC;
}
html, body {background:#f3f3f3;}
我認爲cookiebar的div是在底部造成你的白色條紋,它有背景:無;當它可見時,背景看起來很好,一直到底部。
html, body, form, #default-wrapper-body { height: 100%; }
...做的伎倆,在這裏看到:http://codepen.io/zitrusfrisch/pen/ouEdI
更好的移動形式#默認的包裝,體內防止一切形式的被拉伸至100%的高度雖然。
我加了你的建議,但是在這個頁面上背景仍然被切斷:http://www.zorgbeurs.nl/aanmelden – Flo
嗨,我已經更新了我的答案,添加了邊框並確保你使用html ,身體的一部分。 –
嗨,謝謝。當我這樣做時,頁腳下方會添加一個灰色區域。但是,我希望整個中心爲白色,並將頁腳部分對齊到頁面底部。就像它目前在主頁上一樣。怎麼做? – Flo