4

最近Webサイトを作成しましたが、InternetExplorerで非常に大きな問題が発生しています。CSSはIEで奇妙なことをしているようです。数百行のCSSをコピーするのではなく、サイトのページへのリンクを次に示します。http: //www.appwheal.com/app/ios/angry-birds-space すべてのコンテンツを画面の中央に表示する必要があります。 。代わりにIEでは左側に固定されています。

使っています

margin-left: auto;

margin-right: auto;

これはIEでサポートされています。

よろしくお願いします。

4

4 に答える 4

12

を宣言する必要があります。そうしないとDOCTYPE、Internet ExplorerのデフォルトはQuirksモードになります（IE5互換性）。Internet Explorerに移動し、F12キーを押して開発者ツールを表示すると、ドキュメントモードで「クァークズ」モードが表示されます。Quirksは、既知のdivセンタリング方法をサポートしておらず、DOCTYPEを宣言するのが最も簡単な（そして推奨される）方法です。

ページをXHTML1.0Transitional（最も一般的）に設定するには、次を使用します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ページがHTML5互換であることを宣言するには、次を使用します

<!DOCTYPE html>

この行は、開始タグDOCTYPEの前に表示されるhtmlファイルの最初の行である必要があります。<html>

于 2012-05-15T19:23:24.883 に答える
1

また、設定する必要があります

body {
    text-align: center;
}

#yourDiv {
    margin: 0 auto;
    text-align: left;
}
于 2012-05-15T19:20:58.630 に答える
1

マージンと幅を設定します：

#yourDiv {
  margin: 0 auto;
  width: 300px;
}
于 2013-02-21T06:49:06.410 に答える
0

古い学校のtext-align：centerを使用してtop：50％を試してください。左：50％; 適切な負のピクセルをオフセットします

于 2012-05-15T19:22:57.737 に答える