CSS頁腳這在IE和Firefox

球員嗨的工作我想添加一個CSS頁腳，但不能將其工作的權利。現在我正在調整它像瘋了似的，如果它在Firefox似乎罰款它得到全亂了Internet Explorer 7中AHD有時是半山腰德頁:(有沒有什麼很好的例子，在那裏爲基於CSS的頁腳。CSS頁腳這在IE和Firefox

考慮到我的網頁有一個固定的寬度，不同高度的2列和我的頁腳中有100％的寬度

嗯，我使用的CSS粘頁腳是 - 它似乎很好地工作在firefox，但IE瀏覽器頁腳浮動在頁面的一半，我注意到我的頁腳掛在瀏覽器視口高度的底部，我認爲IE瀏覽器如何將高度解釋爲100％。罰款自己，但作爲我pu我的修改和添加它在IE中搞砸了。頁腳和頭的基本代碼是這樣：

@charset "utf-8"; 
/* CSS Document */ 

html, body, #wrap {height: 100%;} 
body > #wrap > #main > #pageContent {height: auto !important; min-height: 100%;} 

#main 
{ 
    background-color:#FFFFFF; 
    width:960px; 
    height:100% !important; 
    text-align:left; 
    position:relative; 
} 

#footer 
{ 
    display:block; 
    width:100%; 
    text-align:center; 
    position: relative; 
    height: 150px; 
    clear:both; 

} 
/* CLEAR FIX*/ 
.clearfix:after 
{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 
.clearfix 
{ 
    display: inline-block; 
} 
/* Hides from IE-mac \*/ 
* html .clearfix { 
    height: 1%; 
} 
.clearfix 
{ 
    display: block; 
} 
/* End hide from IE-mac */

和HTML是有點像這個

<div id="wrap"> 
<div> header is here</div> 
<div id="main" class="clearfix">content is here </div> 
</div> 
<div id="footer"></div>

我在哪裏搞亂它

來源

2009-04-19 Ali

我把它整理 - 因爲某些原因出現了明確的兩個實例：兩者雖然我看不出這是造成問題，但去除多餘項固定它：\那些怪異的解決方案，沒有之一似乎有任何意義。無論如何，謝謝你們。

來源

2009-04-22 14:54:43 Ali

我想嘗試的CSS Sticky Footer。

來源

2009-04-19 05:59:55

非常有用，謝謝！修復了IE和Firefox的麻煩。 – Desmond 2014-03-24 16:42:36

不能說沒有看到代碼，但有兩點欄佈局，你可能至少有一列浮動。在頁腳中放置style =「clear：both」應該強制它到頁面的底部。

來源

2009-04-19 06:18:43 allclaws

這取決於你想達到什麼樣的，我想。第一個建議我是用：

#footer {clear: both; 
     }

這將，至少，推低最長列的頁腳，假定有不止一個。

第二個建議，我的首選解決方案（銘記我不知道跨瀏覽器/操作系統的兼容性），是：

#footer {position: absolute; 
     bottom: 0; 
     left: 0; 
     right: 0; 
     }

這是不言自明，但本質上附着的頁腳到頁面的底部，並允許#footer根據其內容進行調整，也這意味着#footer將寬爲100％（允許有像素），所以根據你的設計調整。

來源

2009-04-19 06:31:23

CSS頁腳這在IE和Firefox

回答

相關問題