Yahoo! UI Library: Fonts CSS を使うのなら、Opera には気を付けて！
Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれる摩訶不思議なライブラリ。デフォルトのフォントサイズ、つまりfont-size: 100%;は13pxになっており、それからfont-sizeをパーセントで指定することによって、pxでフォントサイズを指定するような感覚で、フォントサイズを指定することができます。 ただし、Operaにおいては、フォントサイズを100%以下、つまり12pxなどにするときはフォントがほかのブラウザより、小さく表示されるバグがあるようです
CSSバグ@IE6: :first-letter
p.valid:first-letter { font-size:200%; } p.invalid:first-letter{ font-size:200%; } と言うように、":first-letter"と"{"の間に半角スペースが入って無いとInternet Explorer 6では無視されるようです。こんなバグもあったのか。30分くらいこれで悩んでしまった。 慣れた書き方を変更するのは苦痛だ・・・。CSS/DHTMLバグ辞典スレッド ver2.0の334に載ってた。セレクタに続けて中括弧書く奴って少ないのかね。 追記@2006/08/31 Quirksモードだと上記バグは発生しない模様。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lllcolor.com
Adobe - CS5.5 Master Collection
http://mynotes.jp/blog/2007/04/text_decoration_bug