2008/01/25 by ゴウ
文字の高さの違いをCSSで修正する
すごく基本的な事だったんですが、今日つまづいた箇所なのでメモ。
上記の様なボタンを、CSSで作りました。
HTMLのソースは以下。
これのaタグに色を付けて、上下左右にパディング取って、ボーダーを付けるだけのシンプルなやつ。
で、上記のボタンはfirefoxで見た時なんですが、なんの問題もありません。
ところが、IE6で見ると・・・
英語のボタンだけ縦幅が大きい・・・。
微妙にずれてる・・・。
原因は、
vertical-align:middle；が必要だったみたいです。
これを入れたらIEでも・・・
ちゃんと揃いました。
うーん、 以後気をつけよう。