テーブルの中にテーブルを入れ込んで・・・

最近、質問ばかりしてるような気がするのですが・・・
m(__)m

親テーブルのセルの中に子テーブルを入れ込んで
子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません
NN6.Xでは表示されるのですがIEだと上寄せに
表示されてしまいます。
これはIEの仕様でしょうがないのでしょうか？
（↑けしてダジャレではありません(^^ゞ）
セル内配置でテキストや画像は上手く
中央位置に出来るのですが子テーブルが出来ないです
なぜでしょうか？
参考のためにソースコードを
---------------------------------

<table width="100%" border="1" height="100%">
<tr>
<td align="center" valign="middle">
<table width="50%" border="1" height="50%">
<tr>
<td>　</td>
</tr>
</table>
</td>
</tr>
</table>

-------------------------------------
よろしくお願いします。

スタイルシートやjavascriptを使ったやりかた
とかもあるのでしょうか？

No.5 ベストアンサー 回答者： lmeelm 回答日時： 2002/07/01 22:50

これでどうでしょう？

<table width="100%" border="1" height="100%">
<tr>
<td align="center" valign="middle">
<table width="50%" border="1" height="50%" style="position:relative;top:25%;">
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>

この回答へのお礼

素晴らしい！！！！！！！！！！！

スタイルシートの定義でイケるとは！！！！
僕も、イロイロと試すべきですね

ところで
style="position:relative;top:25%;"> の
positionはわかるのですが
relativeって何を定義するのですか？
（リレイティブ？）

お礼日時：2002/07/02 02:22

No.6 回答者： lmeelm 回答日時： 2002/07/05 21:52

relative＝相対的です。

absolute＝絶対的です。

No.4 回答者： FlossenEngel 回答日時： 2002/07/01 22:05

こんなのは...

<table width="100%" border="1" height="100%">
<tr>
<td>
<table width="100%" border="0" height="100%">
<tr height="25%"><td>　</td></tr>
<tr height="50%"><td>
<table width="50%" border="1" height="100%" align="center">
<tr><td>　</td></tr>
</table>
</td></tr>
<tr height="25%"><td>　</td></tr>
</table>
</td>
</tr>
</table>

見にくくて<(__)>

No.3 回答者： Naodon1020 回答日時： 2002/07/01 20:33

どうも、中のほうのTABLEのHEIGHTに%を使うとダメみたいですね。

<table width="100%" border="1" height="100%">
<tr>
<td align="center">
<table width="50%" border="1" height="100">
<tr>
<td>　</td>
</tr>
</table>
</td>
</tr>
</table>

だとうまくいきますが。


ちなみに、Netscape4.7で見ると、HEiGHT=50％でも
中のTABLEは中央には配置されますが、
高さは50％にはなりませんでした。

この回答への補足

その通りなんです(;_;)

子テーブルの高さを％指定にすると駄目なんです
むむむ・・・・

しょうがないから親テーブルに子テーブルをくっつけようかなぁ～～～

補足日時：2002/07/01 20:37

No.2 回答者： taka2456 回答日時： 2002/07/01 20:31

確かになりませんね、初めて知りました

原因はバグなのかわかりませんが
とりあえず下のようにしてみては
どうでしょうか、面倒ですが
他の人がいい答え知ってるかもしてないのでそちらを参考にして下さい
<table width="100%" border="1" height="100%">
　<tr>
　　<td align="center">
　　　<table width="50%" border="0" height="25%">
　　　　<tr>
　　　　　<td>　</td>
　　　　</tr>
　　　</table>
　　　<table width="50%" border="1" height="50%">
　　　　<tr>
　　　　　<td>　</td>
　　　　</tr>
　　　</table>
　　　<table width="50%" border="0" height="25%">
　　　　<tr>
　　　　　<td>　</td>
　　　　</tr>
　　　</table>
　　</td>
　</tr>
</table>

この回答への補足

テーブルの三段積みですね・・・
一応、試してみたのですが、やはりうまく行きませんでした・・・

補足日時：2002/07/01 20:41

No.1 回答者： Singollo 回答日時： 2002/07/01 20:26

?

valign属性無しのデフォルトで縦位置中央になりませんか?

この回答への補足

ありがとう御座います
子テーブルの高さがピクセル指定ならOKなのですが
％で設定するとやっぱり駄目なんです・・・・

補足日時：2002/07/01 20:42