• 締切済み

Netscape6でテーブルがズレます

推奨されない方法と言われますが、テーブルに画像を敷き詰める方法で書いているのですが、NetScape6で表示が崩れてしまいます。 Netscape7では大丈夫でした。 具体的な症状としては、画像の左右に余白が出来てしまっています。 上下の余白はline-heightとTDタグにheightを指定することで解消したのですが、どうしても左右の余白が残ってしまいます。 過去ログに<!DOCTYPE・・・について書いてあったので、それも試しましたがうまくいきませんでした。 他に何か方法はありませんでしょうか。 CSSを使った書き方に変更してもいいのですが、absoluteでPOSITIONを指定すると、画面の拡大縮小をしたときに他のパーツと重なってしまい、これもうまくいきませんでした。 どうしたらいいでしょう。是非アドバイスお願いします。

みんなの回答

回答No.2

こんにちは。 これだけの情報では、どうにも…。 ソースを見せてください。

yonayona
質問者

補足

問題のテーブル部分のソースです。 何か問題ありなのでしょうか・・・? よろしくお願いします。 ::::::::::::::::::::::::::::::::::::::::::::::: <table class="layout" width=631 border=0 cellpadding=0 cellspacing=0> <tr> <td colspan="2" rowspan="3" height="55" width="192"><img src="あ.jpg" width=192 height=55><br></td> <td colspan="2" rowspan="2" height="35" width="116"><img src="い.gif" width=116 height=35 border="0""><br></td> <td colspan="2" height="24" width="33"><img src="う.gif" width=33 height=24><br></td> <td colspan="2" height="24" width="116"> <img src="え.gif" width=116 height=24 border="0"><br></td> <td colspan="2" height="24" width="33"><img src="お.gif" width=33 height=24><br></td> <td colspan="2" height="24" width="116"> <img src="か.gif" width=116 height=24 border="0""></td> <td height="24" width="25"><img src="き.gif" width=25 height=24></td> <td height="24" width="1"><img src="img/spacer.gif" width=1 height=24></td> </tr> <tr> <td colspan="9" rowspan="3" height="50" width="323"><img src="く.gif" width=323 height=50></td> <td height="11" width="1"><img src="img/spacer.gif" width=1 height=11></td> </tr> <tr> <td colspan="2" rowspan="2" height="39" width="116"><img src="img/spacer.gif" width="116" height="39"></td> <td height="20" width="1"><img src="img/spacer.gif" width=1 height=20></td> </tr> <tr> <td rowspan="2" height="45" width="28"><img src="け.gif" width=28 height=45></td> <td rowspan="2" height="45" width="164"><img src="こ.gif" width=164 height=45></td> <td height="19" width="1"><img src="img/spacer.gif" width=1 height=19></td> </tr> <tr> <td colspan="3" rowspan="2" height="33" width="126"><img src="さ.jpg" width=126 height=33></td> <td colspan="4" rowspan="2" height="33" width="147"><img src="し.jpg" width=147 height=33></td> <td colspan="4" rowspan="2" height="33" width="166"><img src="す.jpg" width=166 height=33 border="0"></td> <td height="26" width="1"><img src="img/spacer.gif" width=1 height=26></td> </tr> <tr> <td colspan="2" height="7" width="192"><img src="せ.jpg" width=192 height=7></td> <td height="7" width="1"><img src="img/spacer.gif" width=1 height=7></td> </tr> <tr> <td><img src="img/spacer.gif" width=28 height=1></td> <td><img src="img/spacer.gif" width=164 height=1></td> <td><img src="img/spacer.gif" width=44 height=1></td> <td><img src="img/spacer.gif" width=72 height=1></td> <td><img src="img/spacer.gif" width=10 height=1></td> <td><img src="img/spacer.gif" width=23 height=1></td> <td><img src="img/spacer.gif" width=70 height=1></td> <td><img src="img/spacer.gif" width=46 height=1></td> <td><img src="img/spacer.gif" width=8 height=1></td> <td><img src="img/spacer.gif" width=25 height=1></td> <td><img src="img/spacer.gif" width=74 height=1></td> <td><img src="img/spacer.gif" width=42 height=1></td> <td><img src="img/spacer.gif" width=25 height=1></td> <td> </td> </tr> </table>

  • cafemilk
  • ベストアンサー率25% (6/24)
回答No.1

<img>のhspace属性、vspace属性をそれぞれ「0(ゼロ)」にするという方法はいかがですか? 知ったかぶりだったらゴメンナサイ!(謝)

関連するQ&A