tableをdiv内に記述したときの画面表示

蓮江奈美 1999/07/03(土) 16:53:22
こんにちは。
<table width="100%" height="100%">
<tr><td align=center valign=middle>
<img src="hogehoge.gif">
</td></tr></table>
というふうに書くと、ウィンドウの大きさやリサイズに限らず
イメージがまん中に表示されますが、それをさらに
<div id="1" style="position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1">
</div>
で囲むと、nnでは以前と同じく表示されますが(それが偶然なのか
バグの逆恩恵なのか私には判断できません)
ie　だと valign=middle が無視されて
ウィンドウの上部にイメージが表示されます。
これはどのように記述を加えることで回避(divがなかったときと同じように)表示できるのでしょうか？

お知恵をお聞かせください。

蓮江奈美 1999/07/03(土) 16:54:25
すみません
><div id="1" style="position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1">
のなかのleft:0px; top:0px;を消してもダメでしたことを
加えて御報告いたします。
よろしくお願いいたします。

sekita 1999/07/05(月) 09:54:11
なにかほかに記述はしていないですか？
念のためにテストしてみましたが
<div id="1" style="position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1">
</div>
で囲んでも
ＩＥ４．０ｓｐ２、ＩＥ５．０の両方とも画面の中央に
表示されました。

Nobu3 1999/07/07(水) 13:38:08
基本的に「position:absolute」を使っているのが変な気がする。
その前後に文字を書くと、その<div>がどう配置されているのかがわかると思うけど・・・
で、同じように表示したいなら、スタイルを解除すればいいと思う。
っていうか、なんで<div>を使ってるの？

<td>の中で指定したのは<td>の中の配置であって、ウィンドウの配置じゃない。
わかりにくいなら、「border=1」を<table>の中に書けば、テーブルがどういう風に配置されるかがわかるはず。

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