最小幅が px の外部コンテナーと、最大幅と少量のパディング (両方とも px) の内部コンテナーがあります。
IE 9 では、最初はページが正しく表示されますが、拡大または縮小すると、外側のコンテナーが最小幅に縮小されず、現在の幅のままで水平スクロールバーが表示されます。ただし、ページを更新すると、その後は問題なく動作するようです。私が知る限り、これはIE9でのみ行われます。Chrome、FF、Opera、IE6-8 はすべて正常に動作します。そうです、IETester は、非常に嫌われている IE6 が正しくレンダリングされていることさえ示しています。参考までに、XHTML 1.0 strict の doctype を使用していますが、私の IE9 は Internet Explorer 9 標準モードでページを表示しているようです。
すべてのコードを投稿する必要はありませんが、提案はありますか?
残念ながら、私が知る限り、誰もこの問題に遭遇したようには見えません。さらに奇妙にするために（またはおそらくそれが手がかりになるかもしれませんが）、IE9はサーバー上でページを表示するとき（私のサイトにアップロードするとき、またはEasyPHPを使用するとき）にのみこれを行うようです。ローカルで表示すると、正常に動作します。
どんな情報も役に立ち、私が望む効果を得るためのより良い方法です. 明確にするために、ページの最小幅と最大幅をピクセル単位で指定したいと思います。ビューポートが最大幅よりも大きい場合は、均等な余白 (中央のページ) が必要です。ビューポートが最小幅と最大幅の範囲内にある場合、ページの左端と右端がより明確になるように、少量の背景を全体に表示したいと考えています (ブラウザー -- これが、内部コンテナーのパディングの出番です)。最後に、ビューポートがページ (内部コンテナー) の最小幅よりも小さい場合でも、水平スクロールバーと共にパディング (パディングの小さな端) が必要です。どんな助けでも大歓迎です、
追加情報: 私が言ったように、私は自分のサイトのコード全体を調べて関連する資料を選ぶことに熱心ではありませんが、誰かが私の質問に反対票を投じたので、先に進んで簡潔な例を書きました (これはクールではありませんでした)ところで、しかしカルマはその男を得るでしょう）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE9 Min-Width Problem</title>
</head>
<body style=" width:100%; height:100%; margin:0; border:0; padding:0;">
<div style=" position:relative; min-width:500px; max-width:100%; margin:auto; background:red; ">
<div style=" position:relative; min-width:0; max-width:1000px; margin:auto; padding:10px; ">
<div style=" position:relative; width:100%; height:500px; background:blue; ">
This is page content
</div><!-- closes content -->
</div><!-- closes inner-wrapper -->
</div><!-- closes outer-wrapper -->
</body>
</html>