ジャンクPCでblogサーバー

ブロック要素のセンタリングが出来なくて苦労してしまった。

ホームページ・ビルダーでも解釈が間違っているというかできない。

しかし、IEはバグがあって正しくHTMLとCSSを解釈しない。その結果、多くのユーザーがやろうとした通りに表示される。しかし、 Firefox等では、仕様通りに解釈するのでブロック要素がセンタリングできていない。

これって仕様がバグなんじゃないかと思う。

どんな形かというと。

DIV→TABLEとネストした部品を作る。DIVは単なる箱だが、その中のテーブルはDIVの中の中心に置きたい。しかし、 テーブル内の文字は左寄せにしたいとしたとする。要素への属性はすべて外部CSSにより定義せよという問題だ。

正解は、

div(classname) table {
margin-left: auto;
margin-right: auto;
}

かなり苦労してしまった。