新生鳩丸掲示板♯

『URI の中の &』では、お世話になりました。

　前から気になってることがあって皆様に教えて頂きたいと思います。

　Tableタグのalign="center"同等の効果をCSSを用いて出すには、どうしたら良いと思いますか？

>　Tableタグのalign="center"同等の効果をCSSを用いて出すには、どうしたら良いと思いますか？

標準モードでは margin-left と margin-right を auto にする。

互換モードでは text-align:center 。

>標準モードでは margin-left と margin-right を auto にする。

>互換モードでは text-align:center 。

　あ、なりました。

　と思ったんですが、Mozillaでは左右のマージンautoで意図した通りになったのですが、IE6の方が依然として左寄りなままで……。

　IEが駄目と言う事で放置でしょうか？ｗ

現状は以下の様になっています。

table{

display:table;

margin-left:auto;

margin-right:auto;

width:85%;

}

>>標準モードでは margin-left と margin-right を auto にする。

>>互換モードでは text-align:center 。

>　あ、なりました。

>　と思ったんですが、Mozillaでは左右のマージンautoで意図した通りになったのですが、IE6の方が依然として左寄りなままで……。

　IE6 でもなると思うのですが、ちゃんと「標準モード」になっていますか? XHTML で XML 宣言が付いていると標準モードにならないとかいう変な落とし穴があったりしますので要注意です。

> XML 宣言が付いていると標準モードにならないとかいう……

　まさにコレです

　IEの為におかしくするのもアレなので左によってるのは諦めます。

　皆さんありがとうございました。

>> XML 宣言が付いていると標準モードにならないとかいう……

>　まさにコレです

>　IEの為におかしくするのもアレなので左によってるのは諦めます。

>　皆さんありがとうございました。

　もじら組で思わず発見したので自己フォローしておきます。

　該当するtableをdivで挟んでdivにtext-align:center;で行けるという事なので、

　試したところ出来ました……というかゲンナリしますねコレ。

> table{

> display:table;

> margin-left:auto;

> margin-right:auto;

> width:85%;

> }

この場合は、

table {

margin-right : 7.5%;

margin-left : 7.5%;

}

で、期待通りの効果を得られませんでしたっけ？

>この場合は、

>

>table {

> margin-right : 7.5%;

> margin-left : 7.5%;

>}

>

>で、期待通りの効果を得られませんでしたっけ？

ばけらさんの指摘されてるとおりで『XML宣言』の付いたXHTMLなんですよ。

Mozillaは、皆さんに教えていただいたもので期待通りの挙動だったんですが……。

>ばけらさんの指摘されてるとおりで『XML宣言』の付いたXHTMLなんですよ。

>

>Mozillaは、皆さんに教えていただいたもので期待通りの挙動だったんですが……。

いま手元の環境で試してみましたが、標準・互換いずれのモードでも、テーブルの中身が十分に多い場合は自分が示したやり方（テーブルの左右に同じ長さのマージンを与える）でセンタリングできますが、テーブルの中身が少ない場合は左に寄ってしまいますね。