marginについて

[新着] Webテンプレートを仮オープンしました



0   名前: jiu : 2005/07/24 21:23
はじめまして。宜しくお願いします。

確認ブラウザはIE6と、FireFoxを使っています。
テーブルをページの真ん中に表示させるのに、

body{
width:100%;
}
table{
width:600px;
higth:300px;
margin: 15px auto;
border: 2px #000000 solid;
background-color: #99CCFF;
}

とすると、FireFoxでは真ん中に表示されるのですが
IEでは左のままになってしまいます。

両方で真ん中に表示させる為に

body{text-align: center;}
table{margin: 15px auto;}

としたのですが、
IEでは margin:auto; は反映されないのでしょうか?

1   名前:  : 2005/07/24 21:23
その通りです。
ついでに、text-align:center; でボックス要素がセンタリングするのもIEのバグです。

ただし、文書型宣言で標準モードにすれば、IEでも margin:auto; は反映されます。

2   名前: jiu : 2005/07/24 21:23
>tさん
HTML4.01 TransitionalのURL無しにしていたので、反映されなかったんですね。
文書型宣言の違いによる、反映の違いには気付きませんでした。
なるべく標準モードで書くべき、という事なんですね。
どうもありがとうございました。

一覧へ戻る