プロが教える店舗&オフィスのセキュリティ対策術

IEを使っているのですが
テーブルの中に縮小した画像を入れると、
元の画像のサイズ分、テーブルが広がってしまいます。

テーブルのタグは
<TABLE>
<TBODY>
<TR>
<TD><A href="aaa.html"><IMG class=size src="/image/aaa.jpg"></A></TD></TR></TBODY></TABLE>
このような感じです。

スタイルシートで
sizeは

}
IMG.size {
ZOOM: 20%
}

のように指定しています。

IE8の時は
画像をクリックする時も、マウスカーソルで画像を押してる時だけ元の画像サイズが、点々で表示されます。

IE9の場合も同じく画像が広がりますが
マウスカーソルを画像に当てても点々は表示されません。

スレイプニル等のブラウザなら、テーブルの中に画像を入れても
画像は指定したサイズで表示され、テーブルに収まります。

テーブルのサイズを
<TABLE width="30%">
としても、やはり画像の元サイズを基準にテーブルも広がってしまいます。

A 回答 (1件)

table内に画像とはあまり無いと思いますが???


tableは二次元以上のデータを整列させるためのものでデザイン用とではありません。そのため、img要素のような置換インライン要素を含めセル内の要素に合わせて伸縮すべきです。
「単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」

 どういう文書構造か分かりませんが・・画像へのリンクでしたら
<ol>
 <li><a href=""><img src="" width="" height="" alt=""></a></li>
 <li><a href=""><img src="" width="" height="" alt=""></a></li>
 <li><a href=""><img src="" width="" height="" alt=""></a></li>
・・・
</ol>
とマークアップしておけば良いのでは??
zoom:
というプロパティは存在しません。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!