頁腳高度垂直居中頁面上的100％

Question

http://www.stuartflake.com是我正在處理的網站。頁腳元素包含菜單，背景爲灰色。該頁面的內容由div#position

垂直居中這樣做的CSS是

#position { text-align:center; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; } 

我的問題是，我想灰色頁腳有一個動態的高度，使灰色總是延伸到底部（不，不是「粘」的頁腳）。任何想法如何做到這一點？

css解決方案是首選，但jQuery解決方案也是有效的。

感謝

Answer 1

這不是一個完美的解決方案，但你可以 「假」，它通過操縱身體：

background:#E7E8E4; 
border-top:300px solid #F6F6F6; 

，然後添加這#wrapper指定：

background:#F6F6F6; 

這將會失敗，如果用戶有一個非常高的屏幕雖然（從頂部到內容的邊距超過300px）。

Answer 2

我不知道這是否是你問什麼，但你可以改變#wrappertop:-325px到top:-200px