1

フッターメニューがあります。これは、画面の水平方向の中央に配置され、内部の要素がフッターコンテナ内の水平方向の中央に配置されます（下の画像を参照）。これは、IE7（サポートしたいIEの最低バージョン）を除くすべてのブラウザーで正常に機能します。なぜこれが機能しないのか理解できません。私はこのフィドルでコードを再現しましたが、フィドルも正しく整列していないようです（必要に応じてサイトへのリンクを提供できます）。

http://jsfiddle.net/jezzipin/tz5Ym/

なぜこれがIE7で機能しないのかについて誰かが手がかりを持っていますか？IE7固有のハックを実行する必要がありますか？

誰もが明白なことを述べる前に：

  • はい、私はすでに水平マージンにmargin：autoを使用しています。

  • はい、Doctypeを宣言しました

    jme1988

正しい表示： 正しい表示

IE7ディスプレイ： IE7ディスプレイ

4

3 に答える 3

3

コードで CSS ハックを使用する意思はありますか? その場合、各ブラウザーの CSS 実装の既知のバグを使用して、特定の IE バージョンをターゲットにすることができます。この件に関する NetTuts の投稿を参照してください。

例えば：

body {  
  color: red; /* all browsers, of course */  
  color : green\9; /* IE8 and below */  
  *color : yellow; /* IE7 and below */  
  _color : orange; /* IE6 */  
}
于 2012-12-20T11:37:43.500 に答える
1

パディングは非ブロック要素では機能しないようであるため、次を使用する必要がありました。

display: block;

IE7にスタイリングを受け入れるように強制します。

于 2012-12-21T10:23:21.377 に答える
-1

中央に配置したい要素に絶対幅を使用する場合、古い Internet Explorer では次の方法で回避できます。

div.center{
  width:1024px;
  left:50%;
  margin-left:-512px;
}

また、Doctypeを宣言しましたか?

于 2012-12-20T12:10:17.117 に答える