※ ChatGPTを利用し、要約された質問です(原文:Firefox2で縦方向に隙間が出来てしまいます。)
Firefox2で縦方向に隙間が出来てしまうケースとは?
このQ&Aのポイント
Firefox2で縦方向に隙間が出来てしまい、修正方法がわかりませんでした。
Firefox2では他の3つのブラウザと違い、縦方向に隙間が余分に入っているように見受けられます。
IE6、IE7、Safari3では「まみむめも」の行が男性の口の辺りにきますが、Firefox2では「まみむめも」の行が男性の手の辺りに来ます。
Firefox2で縦方向に隙間が出来てしまいます。
Firefox2で縦方向に隙間が出来てしまい、修正方法がわかりませんでした。
そのため、何かご存知の方がいらっしゃいましたら、アドバイスいただければと思います。
【症状】
下記のソースを実行すると、IE6、IE7、Safari3では「まみむめも」の行が男性の口の辺りにきます。
一方Firefox2では「まみむめも」の行が男性の手の辺りに来ます。
見た目的にはFirefox2では他の3つのブラウザと違い、縦方向に隙間が余分に入っているように見受けられます。
【ソースコード(index.html)】
<!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" lang="ja" xml:lang="ja" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>title</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
background-image: url(http://cdn.oshiete.goo.ne.jp/images/og_top_banner.gif);
background-repeat: no-repeat;
}
-->
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>あいうえお</td>
</tr>
<tr>
<td>かきくけこ</td>
</tr>
<tr>
<td>さしすせそ</td>
</tr>
<tr>
<td>たちつてと</td>
</tr>
<tr>
<td>なにぬねの</td>
</tr>
<tr>
<td>はひふへほ</td>
</tr>
<tr>
<td>まみむめも</td>
</tr>
</tbody>
</table>
</body>
</html>
どうかよろしくお願いします。
お礼
ありがとうございます。 ご教示いただいたcssに変更した所、Firefox2で縦方向の隙間が詰まる事を確認いたしました。 どうもありがとうございました。 以上、よろしくお願いします。