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

質問

最近、質問ばかりしてるような気がするのですが・・・
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 · ベストアンサー

これでどうでしょう？

<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って何を定義するのですか？
（リレイティブ？）

回答No.6

lmeelm

relative＝相対的です。
absolute＝絶対的です。

回答No.4

FlossenEngel

こんなのは...

<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

どうも、中のほうの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％にはなりませんでした。

補足

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

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

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

回答No.2

taka2456

確かになりませんね、初めて知りました
原因はバグなのかわかりませんが
とりあえず下のようにしてみては
どうでしょうか、面倒ですが
他の人がいい答え知ってるかもしてないのでそちらを参考にして下さい
<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>

補足

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

回答No.1

Singollo

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

補足

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