font-sizeプロパティの値にsmallなどキーワードを指定すると、ブラウザによって扱いが異なる場合があります。 具体的には、同じ値を指定していても、WinIE5.xやIE6の互換モードでは、FirefoxやIE6の標準モードよりも大きい表示になってしまいます。 今日はその辺りを調べてみました。 サンプルを交えた解説と、例によってウンチクもありますｗ サンプル サンプルも用意しましたが、ブラウザをとっかえひっかえするのは面倒だと思うので、画像も用意しました。 IE5.xなど比較的古いブラウザでは、smallを指定していても100%と同じサイズで表示されてしまいます。 こちらはFirefox。 ちゃんとSmallしてます。 これを修正するにはハックを使うのが一番手っ取り早いのですが、安易にハックを使うのもどうかな、と思います。 そこで、ハックを使わずに解決する方法を探してみました。 その
IE7 の日本語版もリリースされ、ぼちぼち使い始める人たちも増えてきそうな今日この頃。 IE7 からは今まで Firefox 等に比べて遅れていた CSS への対応も進み、サイト制作者にとってはうれしい限りなのですが、実際 IE7 のCSS レンダリングはいかがなものか、簡単に検証してみました。 今回検証したのは、IE7 におけるボックスモデルの取り扱いと、セレクタへの対応状況。 まずはボックスモデルの検証ですが、用意したのは下記の XHTML と CSS。 <ul> <li class="first_list">First element of list</li> <li class="second_list">Second element of list is a bit longer to illustrate wrapping.</li> </ul> ul { margin:0;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く