===== IEでレイアウトがグダグダになる =====

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

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

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


===== INPUTタグのフォント =====
Formを作っているとtypeが"text"と"password"でボックスサイズが違う

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

なんだろうとGoogle先生に聞いてみたところ…
[[http://support.microsoft.com/kb/831331/ja|これが原因]]
って事がわかった。

まぁ、簡単にいうと、WindowsXPからはinputタグのフォントを
<code>
<input type="text">      "MS UI Gothic"
<input type="password">  "Tahoma"
</code>
に変更したからよろしくね

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

なんてツッコミを入れてもゲイツくんは無視をするわけだ、なのでCSSで以下の様に設定
<code>
input
        {
        font-family:メイリオ;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        }
</code>

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

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

===== IEとそれ以外のブラウザでbodyの文字サイズを統一する =====
IEのCSS解釈は相変わらずダメダメだわ

そんな訳でCSSでIEとIE以外のフォントサイズを調整する方法
<code>
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;
        }
</code>

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