簡單頁腳困擾

我試圖做一個頁腳爲我的網頁，我使用了下面的CSS：它應該簡單頁腳困擾

#footer { 
    height: 100px; 
    background-color: #F3F3F3; 
    position: absolute; 
    bottom: 0; 
}

頁腳出現在頁面的底部。我可以看到我寫的文字粘貼在頁面底部。但是，背景顏色完全拒絕出現。這只是頁面其餘部分的純白色背景。

任何想法爲什麼會發生這種情況？

編輯檢查任何衝突/重寫CSS。沒有什麼我可以看到的。

EDIT2的HTML

<div id="footer"> 
    <center><p> Sup dawg, I'm a footer </p></center>  
</div>

來源

2011-07-01 tnw

我用更新後的css＆html http://jsfiddle.net/xvqhf/1/製作了一個小提琴，似乎正在嘗試通過驗證程序http://validator.w3.org/#validate_by_input嘗試運行您的html ，你用的是螢火蟲嗎？也可以嘗試刪除除了頁腳樣式以外的所有CSS，如果它工作正常，然後以小增量將您的CSS添加回頁面，直到標記停止工作，使用二進制方法將加快此過程的速度 –

'center'，折舊。當你刪除標籤時會發生什麼？ –

@ kmb385頁面上有很多CSS ...我有點猶豫刪除了一些。壓倒性的「背景色」會成爲問題嗎？有什麼特別的我應該尋找？ – tnw

的CSS屬性來設置背景色爲背景色。改變你的CSS：

#footer { 
    height: 100px; 
    background-color: #F3F3F3; 
    position: absolute; 
    bottom: 0; 
}

這裏是一個工作示例：http://jsfiddle.net/gfKXU/1/

來源

2011-07-01 19:49:12

我改變了，背景仍然沒有出現。 – tnw

@Tory頁腳是否獲得了其他應用的風格，如高度和位置？ –

是的，我知道的立場至少得到了應用。頁腳出現在頁面的wayyyy底部。我的HTML發佈了...... CSS包含了很多頁面的樣式，只會造成混淆。 – tnw

你的意思是background-color: #F3F3F3;呢？

來源

2011-07-01 19:49:20

改變了，仍然沒有出現。 – tnw

@Tory你有沒有嘗試設置寬度？可能是你的瀏覽器的一個怪癖。 –

是的，嘗試'寬度：100％'，沒有改變任何東西。 – tnw

簡單頁腳困擾

回答

相關問題