2011-12-22 12 views
0

今、この特定のコンテナは、ウィンドウ上のIEを除くすべてのブラウザで同じように見えます。このコンテナをIEやその他のブラウザに合わせるにはどうすればいいですか?

修正するためには何が必要ですか?

.container { 

background-color: #FFFFFF; 
margin:0 auto; 
min-height: 170px; 
width: 770px; 
border:3px solid #000000; 
margin-top:30px; 
margin-bottom:60px; 
} 
+0

この.containerの親要素は何ですか?リンクを見ておくと便利です(実際の例)。 – phindmarsh

+1

あなたが適切なDOCTYPEを持っていることを確認してください:http://www.alistapart.com/articles/doctype/ –

答えて

0

悲しい古いブラウザをサポートしないことを検討する必要があります。それまでは、古いテキスト・センターのハックを試してみてください。

body { text-align:center; } 
.container { text-align: left; width: 770px; margin: 30px auto 60px auto; } 
0

は次のように試してみてください。このような構造を持つ

body{ padding: 0; margin:0; } 
#wrapper { position: relative; padding: 0px; width: auto;} 
    .container { width: 770px; min-height: 170px; margin: 0 auto; margin-top:30px; margin-bottom:60px; border:3px solid #000000;} 

<body> 
<div id="wraper"> 
<div class="container"> 
your content here 
</div> 
</div> 
</body> 

を私はそれが役に立つことを願って.. :)

1

このメタタグを貼り付けてください:

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

IEは特別なことが好きです。

+0

私はこれを見つけたと同時に笑って泣きました。ありがとうございました。 – Norris

関連する問題