【クソブラウザ：IE】CSSでのセンタリング

最近，とある事情で，とあるWebサイトを作ってます．

ただ，HTML/CSSは久しぶりだけど，ただこれを使うだけなら面白くない．
（まあ，PHPによるHTML生成とか別で面白そうなことはやるんだけどさ）

そこで，今回は出来る限りHTML4.0に乗っ取ったレイアウトを試みる．


で，サイト全体をセンタリングしたいと思ったわけなんだが，

当然<CENTER>タグは非推奨．

なので，CSSで設定します．


ところが・・・

<div style="width:800px; margin:0px auto 0px auto">
hogehoge
</div>

▲FireFox：センタリングされた，IE：センタリングされず

(；・∀・)ﾊｯ?

⊂( ・∀・)ﾜｹ ( ・∀・)つﾜｶ ⊂( ・∀・)つﾗﾝ♪

散々困った挙げ句，

<div style="text-align:center">
<div style="width:800px; margin:0px auto 0px auto; text-align:left">
hogehoge
</div>
</div>

▲FireFox：センタリングされた，IE：センタリングされた

ﾍ(ﾟдﾟ)ﾉ ﾅﾆｺﾚ?ｺﾉｸｿﾌﾞﾗｳｻﾞ

8になってもやっぱクソだったか．

これが，マイクソソフトクオリティ．

こりゃだめだ＼(^o^)／