0

ページを中央に配置しようとしています。ページはクロムとFFの中央に表示されます。IEはすべてを左側に押し込みます。混乱するのは、複数のページに1つのスタイルシートを使用していて、それらのページのいくつかがすべてのブラウザーで正しいことです。最良の推測は、私がページ上でスタイルを設定したものが間違ったフォーマットを生成していることです。

動作する唯一の解決策は、を適用する場合ですtext align: centerが、これは、本文全体にすでにある他のいくつかのテキストスタイルであるため、実行可能ではありません。

マージンを margin: 0 に 変更margin: 10px auto 0; し .container{width:auto;}て、固定幅に変更してみました。 .container{width:900px;}

ここにjsfiddleを添付しましたが、中央に表示されるため、問題の特定に役立つかどうかはわかりません。http://jsfiddle.net/thetylercox/p6ENV/

現在の問題はここにあります。 http://www.redwirelogic.com/index.html 問題が見つかったら、フィドルを更新して問題と解決策を示します。

4

2 に答える 2

1

あなたは癖モードです。Doctypeを次のように変更します

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

また

  <!DOCTYPE HTML>

中心を合わせる必要はありません。これにより、IE の他の多くの問題も解決されます。

于 2013-02-01T19:34:11.240 に答える
1

だからここに問題があります：

#wrapper { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; }

/* Wrapper Sub Elements */
.w-main { width:1004px; margin:0 auto; overflow:hidden; }

基本的に、現在のウィンドウと同じ幅の「ラッパー」を作成しています。1004px次に、自動左/右マージンで幅が設定された子要素を作成します。

これがウィンドウの左端にぶつかる理由は、#wrapper要素が左にテキストを揃えているためです。

あなたがすべきことは、次のような簡単なことです:

#wrapper { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; 
        text-align:center; } // <-- that 

/* Wrapper Sub Elements */
.w-main { width:1004px; margin:0 auto; overflow:hidden; 
         text-align:left;} // <----and this
于 2013-02-01T19:28:35.023 に答える