(ひとつ古い記事へ)
« 1カラムのような2カラムデザイン。

tableタグ内でスタイルが無効になってしまう問題 »
(ひとつ新しい記事へ)

●スタイルシートでIEとFirefoxに別の定義をする。

2007年04月04日

アンダースコアで、ブラウザごとの振る舞いを変える方法を学んだ。


例えばスタイルシートでfont-sizeを定義しても、
ブラウザによって振る舞いに違いが出る。つまり、フォントサイズが違う。

あるいは、同じpaddingとかmargin設定だと、
「ずれ」が出てしまって美しくない表示になって困ることがある。
それを調整するのが、アンダーバー(アンダースコア)による指定。

とりあえず、以下3つを覚えておけばいいかな。


 _font-size と font-size
 _padding と padding
 _margin と margin


例えば、

font-size:12px;
_font-size:11px;

と書けば、まずいったん全部12pxになる。
で、次にIE系だけが、_font-sizeを読んで、11pxになる。


これで、IEとそれ以外での表示のふるまいの違いを調整できる。
めでたしめでたし。

コメントする