- 締切済み
フリガナをつけるとボーダーが2重になる
http://www.tagindex.com/html_tag/text_font/ruby.html ↑こちらを参考に<ruby>を使いフリガナをつけました。 ・テーブルを使いtd内で<ruby>を使用しています。 ・td要素には下線を指定しています。 するとフリガナを指定したtd要素のみborderが2重に表示されてしまいます。 chromeとsafariのみ2重の現象が起こり、IE、operaは問題ありません。 解決方法をご存知の方ご教授いただけませんでしょうか。 よろしくお願いします。 --------------------------------- [html] <table class="sample_tb"> <tr> <td class="sample_tb_L">sample</td> <td class="sample_tb_R"> <ruby> <rb>亜米利加</rb> <rp>(</rp> <rt>アメリカ</rt> <rp>)</rp> </ruby> </td> </tr> <tr> <td class="sample_tb_L">sample</td> <td class="sample_tb_R"> テストテスト </td> </tr> </table> [css] .sample_tb { width: 630px; margin-bottom: 10px; } .sample_tb tr td.sample_tb_L { width: 182px; padding-right: 8px; font-weight: bold; margin-right: 10px; vertical-align:top; } .sample_tb tr td.sample_tb_R { width: 434px; border-bottom: 1px dotted #373737; padding-bottom: 4px; padding-top: 2px; } ---------------------------------
- みんなの回答 (2)
- 専門家の回答