NSとIEで<IMG>タグのWIDTHがうまくいかないのですが

[上に] [前に] [次に]
かずや [E-Mail] [HomePage] 1997/10/07(火) 17:04:12
どうも(^^)。

あのですね、テーブル(枠固定)の中で、たとえば
<TABLE WIDTH=220>              *テーブルの横幅
<IMG SRC="xxx.gif" WIDTH=14%>  *xxx.gif は横30ピクセル
<同様のが 7個>                  *7個なので100/7=14%
</TABLE>                       *横ぴったりに7個ならべたい。
とすると、ウィンドウが大きいうちはほぼぴったりくらいに収まります。
ところがリサイズすると、NSとIEで振る舞いが違うのです。

どう違うかというと、
NS: 枠が220ピクセル入るくらい大きいとちゃんと表示。
  だけど、ウインドウを小さくすると、絵が表示されない。
IE: 枠が220ピクセル取れるくらい大きければ普通に表示。
  ウインドウを小さくすると、小さくなったイメージで表示。

つまり、IEだと望みどおりなのですが、NSだと上手く行かないのです。
そういうものなのですか?

ちなみに Netscape Communicator ver 4.01(英語)、
インターネットエクスプローラ ver 3.0 です。
Netscape Navigater と Netscape Communicator でちがうとかがあるのでしょうか。

もしかしたらすごく勘違いかもしれませんが、よろしくお願いします。

木村 浩一 [E-Mail] 1997/10/07(火) 19:58:20
参考までに私も試してみました。使ったのは Internet Explorer 3.02 と Netscape Navigator 3.01。"image1.gif" は 30×30dotの画像です。

■試してみたHTML文
<table width=220>
<tr><td>
<img src="image1.gif" width=14%><!--この行を7回繰り返し-->
</td></tr>
</table>

■ブラウザウィンドウのサイズ変更をすると……
NN・IEとも表示結果は変わらない。30pixelの画像が7つ並んで表示される。ブラウザウィンドウの横幅を220pixel以下に狭めても,画像の大きさは30pixelのまま,7つ並んだ左端からブラウザウィンドウ上に表示可能な数だけ並んで表示される。

■<table width=>の値を変えると……
width=100であろうとwidth=400であろうと,NNは30pixelのまま7つ並ぶ。IEはwidthの値に応じて画像の横幅が伸び縮みする。

試してみてわかったのですけれど,NNでは個々の画像のあいだに数pixelの間隔が空けられます。<!-- -->のコメントを入れることで,個々の画像が接するようになります。

[上に] [前に] [次に]