Entries
2007.05/11 [Fri]
さっそくまた修正しなくちゃ…
質問についての記事を書いた早々、メールフォームにてご質問がありました。
Mac版IEで、サイドメニューの見出しが文字化けするというものです。
Mac版IEも表示チェックだけはしているはずなのに…と思って確かめてみると、いつも参考にしているバグリストの真っ先に載っているものでした。あ〜なんてこった…何十回もこのページ見てるのに…
「:first-letter擬似要素の適用対象が2バイト文字の場合に表示が崩れる」というものです。
ウチではメニュー名をすべて英字表記にしているため気付きませんでした。表示確認用ブログは日本語メニューのものもあるので、今度からはそっちでもブラウザチェックします！
それで、問題の修正点ですが、サイドメニューの見出し「一文字目」が大きくなっていたり色が変わっていたりするテンプレートの場合は以下のように変更します。
.side_menu h3:first-letter {
という部分を
font-size : ●●%;
color : #▲▲▲;
}
/* Hidden from Mac IE \*/
というようにスラッシュなどの記号部分で囲みます。
.side_menu h3:first-letter {
font-size : ●●%;
color : #▲▲▲;
}
/**/
これは、「ホーリーハック」といって、Mac版IEのみ読み込ませない裏技のようなものです。
登録テンプレは順次修正していきますが、おいそぎの場合は上記の通り修正よろしくお願い致します。
メールをいただいたKさん、本当にありがとうございました。
こうやって個別サポートの利点をすぐに記事にできたことが、なんだか巡り合わせのようで不思議です。助かりました。
管理人のみ閲覧できます