IE 8でプッシュフッタートリックを使用するにはどうすればよいですか？

私はこれを使用します。IE 8でプッシュフッタートリックを使用するにはどうすればよいですか？

body {font-size:12px; font-family:"trebuchet MS", verdana, arial, sans-serif; background: #CCCCCC; word-wrap:break-word; height: 100%; margin: 0; padding: 0; 
} 

#wrapper { 
    text-align: left; 
    height:auto; 
    height: 100%; 
    margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */ 
    padding: 0px; 
    border:0; 
    width: 1000px; 
    background: #FFFFFF; 


.footer, .push { 
    height: 200px; /* .push must be the same height as .footer */ 
    position:absolute; 
}

それが見つからないか、間違っているもの8でのFirefox/Safariの/オペラとIE 6では正常に動作し、7ではなくかのように見えますか？

出典

2009-03-23 Anonymous

あなたはHTMLを提供して、人々がそれを試すことができますか？ –

ありがとう！私はそれが働いたと思う。 –

あなたのコードには大きな穴がいくつかあったので、推測をしなければなりませんでした。あなたはこれをテストすることができます、それは私がテストしたff3、ie7、ie8でも同じように動作するようです。

私はそれがあなたが望むものかどうかは分かりませんが、本当にあなたの質問にはより良い例が必要です。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>test</title> 
    <style type="text/css"> 
html{ 
    height:100%; 
    margin: 0; 
    padding: 0; 
} 
body { 
    font-size:12px; font-family:"trebuchet MS", verdana, arial, sans-serif; 
    background: #CCCCCC; 
    word-wrap:break-word; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

#wrapper { 
    text-align: left; 
    height:auto; 
    height: 100%; 
    margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */ 
    padding: 0px; 
    border:0; 
    width: 1000px; 
    background: #FFFFFF; 
} 

.footer, 
.push { 
    height: 200px; /* .push must be the same height as .footer */ 
    position:absolute; 
    bottom:0; 
    background:red; 
} 

    </style> 
</head> 
<body> 
    <div id="wrapper">Lorem</div> 
    <div class="footer">Footer jabba jibba jubba hubba bubba dubba dibba dei</div> 
</body> 
</html>

私は役立つことを望みます。

出典

2009-03-24 12:16:55

ビット。いくつかのことを微調整しなければならなかったが、私はそれを動作させた –

IE 8でプッシュフッタートリックを使用するにはどうすればよいですか？

答えて

関連する問題