頁腳僅出現在IE中的頁面中間

我使用這種樣式信息使我的頁腳粘在我的網頁底部，並且它在FF，Chrome和Opera中超級運行。僅在IE中，頁腳出現在頁面中間而不是底部。頁腳僅出現在IE中的頁面中間

body { margin: 0; padding: 0; height: 100%; font-family: Georgia; } 

#parent 
{ 
    min-height: 100%; 
    position: relative; 
} 

#header { position: relative; left:0px; top:0px; width: 100%; height:45px; background-color: black; } 

#content { padding-bottom: 150px; position: relative; } 

#footer { position: absolute; left: 0px; width:100%; bottom: 0; height:80px; background-color: black; }

的HTML結構如下：

HTML body標籤
- 父
  - 頭
  - 內容
  - 頁腳

更新

我想如果我添加了一個有條件的這個選擇IE瀏覽器，它工作在這兩個瀏覽器。

#parent { height: 100%; /* min-height: 100%; */ }

現在，就有人告訴我，如果它是合法的在被包括在HTML文件的外部.css文件添加一個條件CSS評論？我猜不會。如何在不使用額外IE瀏覽器的CSS文件的情況下使用此條件註釋？

來源

2011-06-14 Water Cooler v2

這應有助於：

html { 
height: 100%; 
}

獲取源代碼的外觀和嘗試在任何瀏覽器：Footer at the bottom of the page。它適用於IE7，IE8和IE9，只有IE6和以下版本不會影響min-height屬性。我認爲把正確的DOCTYPE解決你的問題。希望有所幫助。

來源

2011-06-14 11:46:39

試過了。沒有幫助。 – 2011-06-14 12:14:02

你的DOCTYPE是什麼？ – 2011-06-14 12:17:42

我沒有。 – 2011-06-14 12:20:56

幾周前我遇到了同樣的問題，並發現了一個相當不錯的教程。 Click here!這個解決方案背後的一般理念是創建一個包裝器，它可以吸收大部分頁面，只留下足夠的空間讓頁腳位於頁面的底部。這個技巧絕對適用於IE。

來源

2011-06-14 11:41:57

如果您密切關注，我所擁有的結構大致相同。你提到的包裝是我的＃內容div。 – 2011-06-14 12:14:51

感謝您的幫助。改變網站所有頁面的結構是一項巨大的投資。但是，如果沒有其他的工作，我一定會完全嘗試這一個。目前，我有兩種選擇：一種是在CSS中使用條件註釋來簡單地告訴IE使用不同的樣式表。另一個是看每個頁面上正確的DOCTYPE聲明是否會消除我的問題。 – 2011-06-14 12:58:44

頁腳僅出現在IE中的頁面中間

回答

相關問題