2009-06-14

【クソブラウザ: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^)/

0 件のコメント: