テーブルのセル内の隙間を取れないのですが・・。

解決済

質問者：mihomiho1120
質問日時：2004/12/21 12:12
回答数：2件

初めまして、今回仕事でデザイン面の改造をしております。
jsp上のTABLEタグにどうしてもcellpaddingをつけたくないもので、ＣＳＳのクラスに
margin: 0px;
padding: 0px;
border-collapse: collapse;
つけて、セル内の隙間を埋めたいのですが、どうしても隙間ができてしまいます。
Jsp内にcellpadding="0"を追加してあげると
ちゃんと隙間なく表示されるのですが・・。
それだと仕様に反してしまいます。
すいませんが、どなたか他につくす手はないか教えていただけますでしょうか？
tdタグのクラスにも
margin: 0px;
padding: 0px;
をつけても駄目でした。
なぜでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Bo_Bo
回答日時：2004/12/22 16:48

隙間にこだわると言うことは、画像が関係していそうですが、A.html と

B.html の内容を展開（必要最小限）して提示しないと、「何との隙間を埋め
たいのか」、「何の要素が問題を起こしているのか」解釈し辛いと思います。

「cellpadding="0"」を設定すると隙間がなくなると言うので関係ない話だと
思うのですが、念の為に投稿しておきます。関係ない話なら、ご勘弁くださ
い。

<html><head><title>TEST</title>
<style type="text/css"></style></head>
<body>
<table>
<tr><td><img src="./fig.gif" border="0">
</td></tr>
</table>
</body></html>

上記HTMLを、Internet Explorerで表示した場合のみ、セルの赤い背景が見え
てしまいます。
これを回避するには、</td> の前の空白類（改行も含む）を削除すると、赤
い背景は画像で蔽いつくされます。

<td><img src="./fig.gif" border="0"></td>

もし、これが原因なら、JSPの出力を見直してください。

- 0
- 件

通報する

No.1

回答者： partita
回答日時：2004/12/21 12:58

Netscapeで閲覧しているなら、

border-collapse: collapse;
border-spacing:0;

としてみてはどうでしょう？

ところで、jspって何ですか？

- 0
- 件

通報する

この回答へのお礼

早々のご回答有難うございます！
IEでの閲覧です。
質問が乏しくすいませんでした。
border-spacing:0;
も試してみたのですが、やはり駄目でした。
htmlファイルをincludeしています。
<table class="WTbl">
<tr>
<td class="Headleft">
<%@ include file="../html/system/A.html" %>
</td>
<td class="Headright">
<%@ include file="../html/system/B.html" %>
</td>
</tr>

このAとBのファイルの隙間をなくしたいのですが・・。
クラスの内容は以下の通りです。
.WTbl{
margin: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse;
border-spacing:0;
}

.Headleft{
padding: 0px;
margin: 0px;
}
.Headright{
padding: 0px;
margin: 0px;
}

すいません急いで、質問させていただいたので
小文字になってしまいました。
jspはJSPと同じです。
よろしくお願い致します。