粘性頁腳不在IE7中更新

-1

這是一個鏈接，顯然是粘性頁腳的「最佳」解決方案（只在頁面上的內容很少時停靠）。粘性頁腳不在IE7中更新

http://ryanfait.com/sticky-footer/

當您在任何其他瀏覽器（Firefox，Chrome瀏覽器我測試）與窗口頁腳移動調整窗口的大小。在IE7中它不會移動，並且您需要刷新頁面才能正確定位它自己。

谷歌似乎能夠做到這一點，所以我想知道，他們如何設法做到這一點，我不能？他們是否使用JavaScript，或者我缺少優雅的CSS解決方案？

來源

2012-10-10 James Willson

我用克里斯Coryier的解決方案之前，從來沒有與IE的任何問題：http://css-tricks.com/snippets/css/sticky-footer/

CSS

* { margin:0; padding:0; } 

html, body, #wrap { height: 100%; } 

body > #wrap {height: auto; min-height: 100%;} 

#main { padding-bottom: 150px; } /* must be same height as the footer */ 

#footer { 
    position: relative; 
    margin-top: -150px; /* negative value of footer height */ 
    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 id="main" class="clearfix"> 

    </div> 

</div> 

<div id="footer"> 

</div>

來源

2012-10-10 21:08:01 Fluidbyte

請您回答「自成一體」，而不是簡單地發佈不加解釋的鏈接。否則，當鏈接失效時，您的答案無人幫助。 – Sparky

哇。當所有其他人都沒有時，這個更新。 –

+ 1，謝謝。 – Sparky

這是一個我使用，它一直爲我工作。

http://www.cssstickyfooter.com/es/

來源

2012-10-10 21:10:18

請讓您的答案「自成一體」，而不是簡單地發佈鏈接而無需解釋。否則，當鏈接失效時，您的答案無人幫助。 – Sparky

粘性頁腳不在IE7中更新

回答

相關問題