FirefoxとＩＥの両方でルビをふる方法はありますか？

質問

ＨＴＭＬで、
<ruby>太郎<rp>（</rp><rt>たろう</rt><rp>）</rp></ruby>
と書くと、ＩＥで見たときには、「太郎」の上に「たろう」とルビがふられますが、Firefox等で見ると、「太郎（たろう）」と表示されてしまいます。
Firefoxでも、アドオンで、
https://addons.mozilla.org/ja/firefox/addon/1935
をインストールすれば、ルビが見られますが、
その場合は、上記アドオンを追加したパソコンでしかルビは見られません。
ＩＥとFirefoxの両方でルビをふる良い方法はないものでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

いえ、それはそれでよいのです。それが正しいHTMLですから。
どのHTMLの仕様で書かれているのかわかりませんが、
HTML4.01 Transitional Tags List ( http://openlab.ring.gr.jp/k16/htmllint/tagslist.cgi?HTMLVersion=HTML401-Transitional )
XHTML1.0 Transitional Tags List ( http://openlab.ring.gr.jp/k16/htmllint/tagslist.cgi?HTMLVersion=XHTML1-Transitional )
XHTML1.1 Tags List ( http://openlab.ring.gr.jp/k16/htmllint/tagslist.cgi?HTMLVersion=XHTML11 )
にはないタグです。いわゆるブラウザ依存の要素です。
HTML5では、加わる予定です。

どうしても必要なら、ユーザーがアドオンを入れる。
当面、
<abbr titlle="たろう">太郎</abbr>で逃げておく。

まあ、太郎<span class="rub" style="left:-4em">(たろう)</span>で、まねはできる。-て-4emは文字数で都度変える。
<style type="text/css">
span.rub{ font-size:0.5em;position:relative;top:-2em;}
</style>
ただし、ルビのある部分が空白になる。

お礼

ご回答ありがとうございました。