IEのCSS解釈はダメダメすぎる。そこで・・・htmlタグの前に以下の呪文を書く

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd" 

これはIEやOperaなんかをFirefoxのCSS解釈に変更してくれるようです。

Formを作っているとtypeが”text”と”password”でボックスサイズが違う

もちろんIEだけである（汗

なんだろうとGoogle先生に聞いてみたところ… これが原因 って事がわかった。

まぁ、簡単にいうと、WindowsXPからはinputタグのフォントを

<input type="text">      "MS UI Gothic"
<input type="password">  "Tahoma"

に変更したからよろしくね

いやいやいや、なぜに別のフォントにするかな（汗

なんてツッコミを入れてもゲイツくんは無視をするわけだ、なのでCSSで以下の様に設定

input
        {
        font-family:メイリオ;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        }

なんとなく、bodyタグに対してfont-familyを設定すれば良いと思ったのだが、設定が間違ってたのかうまく反映されなかった。

時間がある時にでも確かめてみるさ

IEのCSS解釈は相変わらずダメダメだわ

そんな訳でCSSでIEとIE以外のフォントサイズを調整する方法

body
        {
        // IEの場合
        font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        font-size : 75%;
        }

html>/**/body
        {
        // IEじゃない場合
        font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        font-size : 12px;
        }

これでかなり統一感がでるけど、完全じゃないし、IEの下位互換やニッチなブラウザでは確認出来てない＾＾；