特定の文字数のルビが正しい位置に表示されない

症状

フォントサイズが14〜16pxのとき、ルビベース(rb要素)2文字、ルビ文字(rt要素)3文字の組み合わせのときにルビが正しい位置に表示されない。

※OS10.3上のMacIE5.2では14pxの場合だけこの不具合が発生するそうです。

例示

<p style="font-size:16px;">親<ruby><rb>要素</rb>
<rp>(</rp><rt>ようそ</rt><rp>)</rp></ruby>と子要素</p>

要素ようそと子要素

バグが発生するとされている、rb要素2文字とrt要素3文字の組み合わせです。文字サイズを16pxに固定しています。

スクリーンショット

WinIE6WinIE6.0での表示(互換モード)

補足

ブラウザのデフォルトフォントサイズを14〜16px以外の値に設定しておけば、閲覧者側でバグをある程度回避できます。ページ制作者は、少なくともルビが含まれる要素の文字サイズを14〜16pxで固定しないようにしてください。

修正状況

MacIE5.0〜5.2で不具合が発生するそうです。

スポンサーリンク

関連記事

スポンサーリンク

switch文とif文の違い

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る