【IE事情】フォームのinputタグ：textとpassword

さすがにこれはないと思った，IE事情その２．



よく，ユーザ名，パスワードでログインってありますよね．



まあ，それを作ろうとしてたんだが・・・





▲[Firefox]計画通り





▲[IE](；・∀・)ﾊｯ?



��(ﾟдﾟ)ﾉ ﾅﾆｺﾚ?



size属性一緒にしてるのに何で長さ違うの？つーか何故，サイズまで違うｗ



ググってみたところ・・・

http://support.microsoft.com/kb/831331/ja



なんと！

inputタグのtypeが



textのときは"MS UI Gothic"！

passwordのときは"Tahoma"！



がデフォルトフォントなのだー！



これがIEの仕様（笑）



( ´ﾟдﾟ｀)ｴｰ



しかも，XP以前のバージョンでは"MS UI Gothic"で統一されていた！



(; ･`д･´)な、なんだってー!!



なぜ変えたし．



何てWebデザイナー泣かせなブラウザ．IEたん．





ということで，解決策としては，

<input style="font-family:Tahoma" type="text" size="20">
<input style="font-family:Tahoma" type="password" size="20">

とする．

いや，むしろ，いっそのこと，外部CSSファイルに，

input {
font-family:Tahoma;
}

と書いておく．



結果，





▲素直な性格の狐火たん





▲デザイナーに対してツンデレなIEたん

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