テーブルでの画像の1pxのズレを解消するには?
[上に]
[前に]
[次に]
うさ耳
2000/05/25(木) 04:50:11
テーブルを使い背景画像(xxx.gif)を指定し、さらにセルの中でも
同じ画像(xxx.gif)を指定しています。
すると、NC4.07では1px分だけ、どうしても画像がずれてしまい、
透過gifなのでぶれたゴーストのように表示されてしまいます。
テーブルには cellpaddind=0 cellspacing=0 の指定はしています。
border=0 とするとズレは解消されますが、出来れば枠線は表示した
ままにしておきたのです。
同じ画像を重ねて表示させるのには理由があるので、どうにか枠線を
表示させたままズレなくさせる方法はないでしょうか?
よろしくお願いします。
うぐいす
2000/05/25(木) 10:38:34
cellpaddingの綴りが間違っているっていうのは、ここでの打ち間違え?
コピー&ペーストをしたなら確認してみてください。
imgタグとtdの閉じタグは1行に続けて書いていますか?
改行するとスペースが入る場合があります。
他には力技で申し訳ないんですが、
外枠用とイメージ表示用の2つのテーブルを入れ子に
するというのはどうでしょう?
うさ耳
2000/05/26(金) 03:03:15
うぐいす様、レスありがとうございます。
上のはここでの単なる打ち間違えです(^^;)<ドジ
タグは一行に書いてあります。というか、JavaScriptで書き出してるので、逆に
改行等は一切入ってません。
下にそのサンプルを・・・長いので、改行を入れて整形してます。
<table width='800' cellspacing=0 border=1 cellpadding=0 style='table-layout:fixed'>
<tr valign='top'><td height=250 background='x/xxx.gif'><IMG SRC='x/xxx.gif' WIDTH=800 HEIGHT=74></td></tr>
(途中省略)
</table>
IE5.0ではこのズレはおきません。NC4.7のみ・・・謎です。仕様かなぁ・・・
また力技なんですが、うーんできないことはないんですが、スクリプトが煩雑に
なってしまうので、できれば避けたいんですが・・・
でも、ありがとうございます。
うぐいす
2000/05/26(金) 14:54:11
imgタグにborder='0'を追加してみてはどうでしょう?
これくらいしか思いつきませんでした。
うさ耳
2000/05/27(土) 02:27:30
[[解決]]
うぐいすさま
ありがとうございました(^^)
取り敢えず、ブラウザ判別でNC用にだけ処理変えて書き出しました。
それでもやっぱり謎なのは、これは仕様なのかな・・・って所です。
フツウ、こんな書き方しませんものね。まったく同じ画像だなんて。
[上に]
[前に]
[次に]