web-dev-qa-db-ja.com

マージン：自動がIE

URL： http://cyberbat.co.uk/test コンテナーマージン：autoが機能していません。IEの中央に配置する方法は他にありますか？.

編集：それをもう一度確認してください、index.phpは間違ったファイルでした、私はそれをindex.htmlに置き換えました。

cssinternet-explorerinternet-explorer-9margintext-align
14
Lewes

これはIEのバグです。 <div class="page">のホルダーを作成し、そのtext-alignをcenterに設定するだけです。

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}
<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>
22
javad amiry
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

問題は、ファイルの種類と標準を定義することです。このコードをファイルの先頭に追加すると機能します！

9
Coşkun GEMİCİ

愚かなブラウザーの親コンテナーでこれを使用します。

text-align: center
8
Jan Tojnar

親アイテムで以下を使用してみてください。

display: flex;
align-items: center;
6
Daryl H

サーバーを適切に構成しなかったため、RAW phpコードがあります。

<?php
include('inc/settings.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

PHPを* .htmlファイルに適用し、<?php include ?>が文字通り表示されないことで問題を解決します。正しく思い出せば、.iniファイルのこの行を次のように調整します。

AddType application/x-httpd-php .html .htm .php

このリテラルバックエンドコードはDOCTYPEの前にあるため、IEで奇妙なモードが発生し、奇妙なことに水平自動マージンが正しく機能しません。

親要素のtext-align：centerを使用できますが、これはIEのハックであり、IEをレンダリングして上記の私の提案から標準モード。

3
meder omuraliev

マークアップの上部に次の偽の処理命令があるため、Internet Explorerは互換モードでWebサイトを表示します。

<?php
include('inc/settings.php');
?>

それを除く; margin: autoはIE6 +で動作します。 noが必要ですtext-align: centerまたはその他の不要な変更。

2
duri

metaレコードをheadに追加してみてください：

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
1
tulsluper

Normalize.css（グーグルイット）をダウンロードしてプロジェクトにリンクすると、次のようなsmthを使用できます。

HTML：

    <main class="container></main>

CSS：

    .container {
      margin-left: auto;
      margin-right: auto;
      width: 600px;
0
n4ks