高さに関するFickle IEの問題100％

Internet Explorerのビューポートで高さを100％に設定しようとしています。ご想像の通り、次のコードは、他のどこでも動作します：高さに関するFickle IEの問題100％

* { 
    margin: 0; 
    padding: 0; 
} 

html, body { 
    height: 100%; 
} 

body { 
font-family: Times New Roman, Times, serif; 
font-size: 13px; 
background-color:#E8E8E8; 
background:url(/images/background.png) repeat-x; 
} 

#wrap { 
margin:0 auto; 
width: 935px; /* Change to desired width :) */ 
min-height: 100%; 
background:url(/images/content.png)repeat-y; 
} 

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

出典

2011-03-01 Mike R

ご迷惑をおかけして申し訳ありませんが、本当の問題は、ラップ内の繰り返しイメージがInternet Explorerで繰り返されていないことです。 –

あなたのHTMLを提供しない限り、あなたが念頭に置いているものを推測することは不可能です。 –

ラップに罫線を適用して、divの実際のサイズを確認してください。多分それは崩壊しました。 –

私はあなたがこのHTML構造を持っていると仮定します。

<html> 
    <body> 
    <div id="wrap"></div> 
    </body> 
</html>

のでwrapのdivに最小の高さを追加する場合：

#wrap 
{ 
    min-height: 100%; 
}

このテクニックは、以前のIEでは動作しません（IE7の下で動作しなくなるとわかりません）。また、インターオペラビリティについての独自の意見があるOperaには予測できない問題があります。 pret heightとmin-height命令です。

出典

2011-03-01 23:32:30

こんにちは、すぐに返信いただきありがとうございます。それを変更しても、私が抱えている問題は解決されませんでした。そして、はい、それは私のHTML構造です。 –

高さに関するFickle IEの問題100％

答えて

関連する問題