全角頁腳不會粘到底部

我沒有管理它將我的全角頁腳粘到我的網頁底部。當頁腳上方的主要內容位於特定高度以下時，頁腳下方會有一個空白區域。我試着使用所有類型的解決方案，像如下因素的CSS代碼：全角頁腳不會粘到底部

html,body { margin:0; padding:0;min-height:100%;position:relative;} 
.wrapper { min-height:100%; position:relative;_height:100% /* _height = for ie */ } 
.page { padding-bottom:400px; height:100%; } 
.footer { padding:0;margin:0 position:absolute; left:0; bottom:0; width:100%; height:400px; }

不過頁腳將堅持主要內容，而不是頁面的底部的底部。我認爲我的CSS沒有問題。

例如：http://hertog-hengelsport.nl.testbyte.nl/checkout/cart/

我希望有人能指出我的解決方案！

非常感謝！

網址：http://hertog-hengelsport.nl.testbyte.nl 平臺：Magento的1.7.2

來源

2012-10-10 Jeroen van der Linden

如果您有解決方案，請接受所提供的答案。如果你自己解決它，寫你自己的答案，並接受。不要污衊這個問題的標題。 – talonmies

使用「的位置是：固定;」而不是絕對的頁腳

來源

2012-10-10 12:27:44

謝謝！頁腳現在粘到底部。但是現在我遇到了以下問題：頁腳不會與頁面一起滾動，而會停留在粘貼的位置。 –

保重頁腳是身體的直接子... 如果這不起作用發佈您的HTML請... –

頁腳確實是一個'身體'的直接孩子 –

.wrapper是位置相對的，這使得它的任何孩子相對於div而不是頁面。

來源

2012-10-10 12:43:57 Alvarez

感謝您的所有幫助的人。我刪除了位置屬性，但沒有真正改變。這不能太難... –

解決！感謝你們倆！我試着從底部開始，用簡單的例子USER123給我看。之後，由於它仍然出現在我的內容之前沒有解決。那是因爲這個位置：固定的;元件。我回顧了我在開始時使用的代碼並對其進行了修改。我意外地刪除了.footer類中的邊距和位置元素，併爲我制定了計劃！非常感謝，我希望別人可以使用這個例子。問候， Jeroen –

全角頁腳不會粘到底部

回答

相關問題