2011-01-26 3 views
0

私はWebアプリケーションを作成し、これまでChromeとFirefoxのみでテストしてきました。IEを使用してCSSがすべて左にスティック

私はInternet Explorerで開こうとすると、私のdivのすべてが中央に配置されていないように見えますが、すべてがウィンドウの左側に固執しています。

これを修正するにはどうすればよいですか?

は、初めに、私はChromeとFirefoxで同じ問題を抱えていたが、私は、この追加した後:私のCSSファイルに
*{margin: 0px auto;}をすべて自分自身を中央に見えました。例えば

+2

恐ろしいCSSルールです。 – SLaks

+0

詳細を記入してください。 – SLaks

+0

ルールはとても恐ろしいですか?他に何を知りたいですか? – Nayish

答えて

1

<body> 
<div id="cont"> 
asdasd 
</div> 
</body> 

とCSS:

#cont { 
margin : 0 auto; // Normally centered #cont for Chrome, Firefox and IE 
} 
body { 
text-align : center; // But for perfect centering, IE need this. 
} 

あなたはBODYの中央にテキスト揃えを設定した場合、すべてのdivの(<body>の内側)がIEを中心ます、ので。そして、このdivのtext-alignを手動で左に設定する必要があります。試すことができます

+0

私は多くのクラスを持っているので、私はこれをすべてそれらに加えなければならないので、これは役に立たないでしょう。さらに、問題はテキストの整列ではなく、BODYのテキスト整列を中央に設定すると、 – Nayish

+0

というテキストを含むdiv全体の整列で、すべてのdivの(内部はの内側)がIEの中央に配置されます。そして、このdivのtext-alignを手動で左に設定する必要があります。あなたが試すことができます。 – Eray

+0

そのトリックをした。元の回答を編集してください。 – Nayish

0

Internet Explorerのハックを試して、左右に余白を入れてみてください。以下のような :あなたがページの中央にしたいのdivまたは他のタグを持っている場合は

html * div { 
    margin-left:auto; 
    margin-right:auto; 
    width:600px; 
} 
+0

いいえ、動作しません – Nayish

+2

'float:center;'は存在しません。 – SLaks

+0

さて、両方の余白を左右に設定して、divに固定幅を設定してみてください。それは仕事をするはずです。 margin-left:auto; margin-right:auto;幅:600ピクセル。 – Joze

0

は、あなたはそれのために幅を指定し、それが証拠金ルール・センターを使用してする必要があります。何が私の理解に少なくとも8、見なければならないことは、親divが100%の幅であることです。したがって、このような何か:

<html> 
    <body> 
     <div id="myDiv"> 
      <p>Some text</p> 
     </div> 
    </body> 
</html> 

次にCSS:

body { 
    width: 100%; 
} 

#myDiv { 
    /* this will center horizontally only, i assumed that is what you wanted */ 
    margin: 0px auto; 
    width: 500px; 
} 
関連する問題