• ベストアンサー

tableの中で<p>タグを使うと…

<td>内に文章を書く際に「<p>文章</p>」とした所、 InternetExplorerでは ──枠── 文章 ──枠── と表され、 Mozillaでは ──枠── 文章 ──枠── となってしまいました。 これでは見栄えが異なってしまうので困っています。 同じ記述で同じように表示出来るような解決策をご教授下さい。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

スタイルシートで調整してください。 td p {margin:0 auto;}

aprilia-rs
質問者

お礼

ありがとうございます。 うまくいきました。<p>って微妙に厄介なタグですね。必要なのかなぁ…と思ってしまいます。

その他の回答 (2)

  • zexus
  • ベストアンサー率34% (148/427)
回答No.2

参考までに… <p>タグだと、ブラウザによっては表示が違ったりするので 私は<br>タグを使っています。 大きく行間をあけたい時は、二つ<br>タグを重ねたりすると、<p>タグのような効果が得られます。ちなみに<br>タグは、</br>表示はいりません。 文章の終わりに<br>タグを打ち込めばOKです。 参考になりましたでしょうか?

aprilia-rs
質問者

お礼

ありがとうございます。 ブラウザによっては<br>の連続はひとまとめにされてしまう為、文書構造上好ましくないとのことです。

回答No.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>3524749 TestCase 1</title> <style type="text/css"> table,tr,th,td{ border-style:solid; } table#sample2 tr td p{ margin:0; } </style> </head> <body> <table id="sample1"> <caption>訂正情報</caption> <thead> <tr> <th>誤</th><th>正</th> </tr> </thead> <tbody> <tr> <td> <p>安部 心臓(あべ しんぞう、1954年9月21日 - )は、日本の政治家。</p> </td> <td> <p>安倍 晋三(あべ しんぞう、1954年9月21日 - )は、日本の政治家。</p> </td> </tr> </tbody> </table> <table id="sample2"> <caption>訂正情報</caption> <thead> <tr> <th>誤</th><th>正</th> </tr> </thead> <tbody> <tr> <td> <p>安部 心臓(あべ しんぞう、1954年9月21日 - )は、日本の政治家。</p> </td> <td> <p>安倍 晋三(あべ しんぞう、1954年9月21日 - )は、日本の政治家。</p> </td> </tr> </tbody> </table> </body> </html>

aprilia-rs
質問者

お礼

ありがとうございます。 入れ子を多用している為か、教えて頂いた記述を使うとレイアウトが崩れてしまいました。

関連するQ&A

専門家に質問してみよう