2012-03-15 68 views
2

我有一個卡住的頁腳在主內容區域沒有被推下2個DIV的問題。內容DIV不推腳註

www.superwideprint.com/swp2

出於某種原因,2個內容容器ARNT推動頁腳下來的時候,屏幕分辨率低,我添加了一個明確的:頁腳以上,但無濟於事兩格。

任何人都可以幫助我。

樣式表和主頁面可以從上面的鏈接中看到。現在已經呆了好幾個小時了。

回答

1

頁腳的位置設置爲絕對,所以內容div不會影響它。將相對位置設置爲相對也無濟於事,因爲這意味着您的底部:0代碼會將其推到底部而不是頁面。

什麼你以後是一個棘手的頁腳,試試這個http://www.cssstickyfooter.com/http://ryanfait.com/sticky-footer/

+0

感謝輸入的傢伙,嘗試上述鏈接無濟於事。如果你再次看鏈接,你可以看到我試圖達到什麼=)我搞砸了嗎? – 2012-03-15 15:44:02

0

原因是#footer DIV是position:absolute。所以,請從您的頁腳刪除position:absolute

從你的部分,你希望你的頁腳始終停留在底部,那麼你可以使用粘滯頁腳技術。檢查這http://ryanfait.com/sticky-footer/

+0

我試圖在本例中的編碼和我不能得到它的工作? – 2012-03-15 15:55:22

+0

創建兩個div第一個#container(其中的全部內容和其他東西來)與高度100%第二#footer – sandeep 2012-03-15 16:01:50

+0

這就是做了不同的事情,如果你再次看它的鏈接到它的推腳到底部,但現在我有負載空格處?我創建了「主」DIV並將所有內容都扔在那裏。和頁腳div位於「主」之下。 – 2012-03-15 16:04:16