- ベストアンサー
テーブルのセル内の隙間を取れないのですが・・。
初めまして、今回仕事でデザイン面の改造をしております。 jsp上のTABLEタグにどうしてもcellpaddingをつけたくないもので、ＣＳＳのクラスに margin: 0px; padding: 0px; border-collapse: collapse; つけて、セル内の隙間を埋めたいのですが、どうしても隙間ができてしまいます。 Jsp内にcellpadding="0"を追加してあげると ちゃんと隙間なく表示されるのですが・・。 それだと仕様に反してしまいます。 すいませんが、どなたか他につくす手はないか教えていただけますでしょうか？ tdタグのクラスにも margin: 0px; padding: 0px; をつけても駄目でした。 なぜでしょうか？
- mihomiho1120
- お礼率50% (1/2)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
隙間にこだわると言うことは、画像が関係していそうですが、A.html と B.html の内容を展開（必要最小限）して提示しないと、「何との隙間を埋め たいのか」、「何の要素が問題を起こしているのか」解釈し辛いと思います。 「cellpadding="0"」を設定すると隙間がなくなると言うので関係ない話だと 思うのですが、念の為に投稿しておきます。関係ない話なら、ご勘弁くださ い。 <html><head><title>TEST</title> <style type="text/css"><!-- table { border-collapse: collapse; border: none; border-spacing: 0; } td { padding: 0; background: #f00; } --></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の出力を見直してください。
その他の回答 (1)
- partita
- ベストアンサー率29% (125/427)
Netscapeで閲覧しているなら、 border-collapse: collapse; border-spacing:0; としてみてはどうでしょう？ ところで、jspって何ですか？
お礼
早々のご回答有難うございます！ 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と同じです。 よろしくお願い致します。