縦幅の狭いテーブルを作成する方法を教えてもらえますか??

[新着] Webテンプレートを仮オープンしました



0   名前: ボボ : 2007/03/01(木) 20:08  ID:MhIIowJY sub-t1
<table width="100" height="100" border="1">
<tr>
<td width="100" height="5">
<img src="1.jpg" width="100" height="5" style="vertical-align: text-bottom;">
</td>
</tr>

<tr>
<td width="100" height="95">
<img src="3.jpg" width="100" height="95" style="vertical-align: text-bottom;">
</td>
</tr>
</table>

のようなソースでテーブルを作成したところ、
FireFoxでは、期待通りの表示がされるのですが、

IEですと、height="5"と設定したのにもかかわらず、
1段目のセルには画像の上にスペースができてしまいます。。
2段目のセルには、スペースなくピッタリと画像が表示されるのですが・・・
IEで高さの狭いセルに画像をピッタリ表示することはできないのでしょうか??

ご教授お願いします。。

1   名前: K+S : 2007/03/01(木) 20:08  ID:nROqylMa sub-YS
その記述のみでFxで実現するのは Full Standard mode ではない場合に限ります。

要素は、何らかの内容がある場合、テキストの高さが確保されます。
5px と指定したにも関わらず空間ができるのは、最低限のテキストの高さが確保されているためです。

技術的には、そのセルに対して font-size: 0 などと指定すれば実現可能です。

一覧へ戻る