※ ChatGPTを利用し、要約された質問です(原文:Mozillaで隙間を表示させなくするには?)
Mozillaで隙間を表示させなくする方法
このQ&Aのポイント
Mozillaで隙間を表示させない方法を知りたいです。
IEでは隙間が表示されずにメニューが正しく表示されますが、Mozillaでは隙間が表示されてしまいます。隙間を表示させないようにするためにはどうすればいいでしょうか?
メニューバーの作成中に問題が発生しました。Mozillaでは隙間が表示されてしまいますが、IEでは正しく表示されています。隙間を表示させない方法を教えてください。
以下のソースを見てください。
<table>
<tr>
<td bgcolor="red">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td><img src="1.gif"></td>
<td><img src="2.gif" width="100%"></td>
<td><img src="3.gif"></td></tr></tbody></table>
<table class="side" style="border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" bgcolor="#ffffff">
メニュー
</td>
</tr></tbody></table>
</td>
</tr>
</table>
サイトの横に設置するメニューバーの作成を行っています。バックグラウンドの色は赤でメニュー欄内を白に変換しています。
IEではメニュー欄の周りの囲んでいる線との間に隙間ができずに表示されるのですがMozillaだと隙間が表示され隙間部分に赤色が表示されます。
Mozillaでも隙間を表示させないようにするにはどうしたらいいのでしょうか?
お礼
回答ありがとうございます。 CSSで調整したら直りました。ありがとうございました。