• 締切済み

フリガナをつけるとボーダーが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; } ---------------------------------

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

table.sample{border-collapse:collapse;} がないとか??

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

>chromeとsafariのみ2重の現象が起こり、IE、opera ご提示のソースでざっと試しましたが IE、opeara、chrome、safariともに問題ないように見えます (Firefoxやironでもとくに問題なし) なにかファイルにゴミがのっていたりしませんか?