プロが教えるわが家の防犯対策術!

テーブル全体の枠線の色を変えたが、
スクロールである程度下に移動したら、
上の枠線と画像の間にかすかな隙間ができます。上に移動したら、隙間がなくなります。どうしたら良いでしょうか…

一部省略します。

<STYLE type=”text/css”>
<!--
sen{border-style:solid:
border-width:2pt:
border-color:#ffcccc:}
-->
</style>

<table class=”sen” background=”○○” width=”100%”
height=”20” style=border-collapse:collapse:>
<tr>
<td colspan=”2”>
<nobr>
タイトル文字
</nobr>
</td>
</tr>

<tr bgcolor=”○○” bordercolor=”○○”>
<td width=”400” nowrap><nobr>
文字
<a href=”○○”>
<IMG src=”○○”></a>
</nobr>
</td>


<td nowrap><nobr>
文字
<a href=”○○”>
<IMG src=”○○”></a>
</nobr>
</td>

とあります。


ーーーーーーーーーーーーーー
|タイトル文字(背景色は画像URLはりつけ) |文字 文字
|文字 文字
|
|
ーーーーーーーーーーーーーー
★右側も線あり。囲んでます。

メモ帳にコピって、自分のデスクトップに貼り付けて表示するぶんには問題ないのですが、
いざサーバーにもってきて表示した際に
スクロールしたら、
タイトル文字の背景色と、その上の枠線の間に0.5ミリくらいの隙間がでて困っています。
方法ありますでしょうか?
★まだ習い始めたばかりなのと、元々別人が作成したものを修正しているのですが、そもそもが違っているというようなことはまだ私の頭では理解できないので、
隙間をなくす方法だけご教示いただけたら嬉しいです!(u_u)

A 回答 (1件)

まず原因を確認する。


firefoxをとってきて、firebugを追加して、隙間ができる要素を選択して、それにかかわるスタイルシートなりを確認する。marginとpaddingが区別できるはず。
 そのうえで関わるスタイルを変更してみる。

 どのスタイルシートのどの部分かがわかる。
    • good
    • 0
この回答へのお礼

回答ありがとうございます!助かりました!

お礼日時:2016/11/25 16:30

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!