webサイトに表(<table>)を作成して、キャプション(<caption>)で見出しを付けるようにしたら、Windows のNetscape Navigator でフォントサイズが100%の時は問題ないのですが、フォントを拡大したときに余白ができてしまいます。

<caption>の背景が白であれば問題ないのですが、背景色を指定しているため目立ってしまいます。
3つぐらい表を載せてるのですが、表によっては余白が出なかったりします。
何かよい回避方法はありませんでしょうか?
<caption>はCSSで下記の指定をしています。
class名 {
margin:0;
background-color:#acb5ff;
padding:7px 0 7px 10px;
border-left:1px solid #666666;
border-top:1px solid #666666;
border-right:1px solid #666666;
}

回答の条件
  • 1人5回まで
  • 登録:2006/06/26 22:24:38
  • 終了:2006/07/03 22:25:04

回答(1件)

id:susie-t No.1

susie-t回答回数99ベストアンサー獲得回数182006/06/29 11:45:22

ポイント60pt

回答ではないですが

この質問だとちょっと分かりづらい気がします。

(余白とは、どの要素との?)

できれば問題のあるページ、

またはコード全部を見せてくれたほうが答えやすいかと。

ちなみに以下のコードで、captionとテーブルはWinXP+NN7.1で表示拡大しても離れませんでした。

<html>
<head>
<title></title>
<style>
caption{
margin:0;
background-color:#acb5ff;
padding:7px 0 7px 10px;
border-left:1px solid #666666;
border-top:1px solid #666666;
border-right:1px solid #666666;
}
table{
background-color:#acb5ff;
border:solid 1px black;
}
</style>
</head>
<body>
<table>
<caption>caption</caption>
<tr><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td></tr>
<table>
</body>
</html>

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません