頁腳不停留在頁面底部

-1

我從themeforest中抓取了一個模板並對其進行了修改。一切運作良好，除了在某些頁面上，頁腳不會粘在頁面的底部。我已經搞砸了/有一點點，但一直沒有得到它的堅持。我仍然在學習HTML/CSS，所以需要一些幫助來審查它，以確保我沒有任何錯誤在我的HTML。我還沒有改變最初的模板的CSS。我做了一些，但在帖子之前將它們還原了，因爲它們試圖讓頁腳粘住。頁腳不停留在頁面底部

這裏是該網站的鏈接>http://capitalcrestoration.com/build/

來源

2011-07-15 bdizzle

這將是最好把這些在頁面演示，除了引擎收錄的W /代碼。 – Jshee

請參閱右下方的「相關」部分！ – Jawad

@jawad我應該提到我已經嘗試了我在這裏找到的大部分東西，但沒有任何幫助。一個解決方案將保持在底部，但我失去了我的背景或間距。其他人將保持底層而不是鏈接。感謝您的建議，雖然... – bdizzle

你可以嘗試給CSSStickyFooter了一槍。

您需要對CSS做些什麼來將頁腳元素放置在窗口的底部。否則，它只是一個塊元素，將直接在它的兄弟姐妹之下。

來源

2011-07-15 18:26:20

我已經試過這種方式，但我不明白這個CSS足以做到這一點。我看到一些主線已經在一起，但不知道如何將其整合到當前模板中。 – bdizzle

嘗試在包裝的結束標記之前放置div id =「subfooter-wrapper」，並使用position：absolute;底部：0;

來源

2011-07-15 18:27:26

請正確格式化您的代碼。在每邊使用'或突出顯示代碼並單擊代碼格式化按鈕。 – Sparky

我想你的問題是你要問怎麼讓頁腳始終出現在窗口的底部。

要做到這一點，你只需要改變的CSS規則#subfooter-wrapper：

#subfooter-wrapper { 
    background: url("images/sub_footer_bg.jpg") repeat-x scroll 0 0 transparent; 
    width: 100%; 
    position: fixed; 
    bottom: 0; 
    z-index: 1000; 
}

來源

2011-07-15 22:23:18 tw16

嘗試過這種方式，但是這將頁腳保留在需要滾動的頂部。這不適合我需要的東西。謝謝。將在另一頁上派上用場。 – bdizzle

@bdizzle我不知道我理解你的問題。在每一頁上，我看着你的頁腳都在底部。網站上的哪個頁面顯示問題以及您使用的是哪種瀏覽器？ – tw16

頁腳不停留在頁面底部

回答

相關問題