- 締切済み
テーブルで中央に指定したい
1行1列の横100％ 縦100％に指定したテーブルを1つ そのテーブルの中に1行1列の横100px 縦100pxが1つ このようにした場合、中に入れたテーブルはどの解像度でも画面の中心にくるはずです。 しかし、IE6で確認すると横の中央にはくるのですが縦の中央にはきません。 しかしネスケ4.7ではイメージ通りになっています。 なぜでしょうか？ [ソース参考] <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="100%" align="center" valign="middle"> <table width="100" height="100" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0033CC"> <tr> <td width="100" height="100"><center> <font color="#FFFFFF"><strong>中央</strong></font> </center></td> </tr> </table> </td> </tr> </table>
- みんなの回答 （7）
- 専門家の回答
みんなの回答
- 78tch
- ベストアンサー率31% (50/157)
- master-3rd
- ベストアンサー率35% (582/1641)
- 78tch
- ベストアンサー率31% (50/157)
> 意味がないと思います。 すいません・・・入れ子内じゃなく、入れ子自体を、でしたか。読解力不足なわたし。 逆に、TopやBottomではちゃんと動きますか？ 入れ子テーブルではなく、単なる文字では？ を試して見られては。（アドバイスです。）
補足
そうです！中に入れたテーブル自体を縦横の中央に表示したいのです。 >逆に、TopやBottomではちゃんと動きますか？ というより縦100%が有効になっていない気がします。 縦100％という指定は無効なのでしょうか？ ネスケ4.7では実現できているので、IE6などで表示できないとなるとHTMLの規格が変わったのでしょうか？
- master-3rd
- ベストアンサー率35% (582/1641)
良くわからないけど、これでどう? <TABLE border="0" width="100%" height="100%"> <TBODY> <TR> <TD align="center" valign="middle"> <TABLE border="0" width="100" height="100"> <TBODY> <TR> <TD bgcolor="#cccccc" align="center">中央ですが?</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>
補足
こちらのソースでも確認してみましたが縦の中央にはなっていないみたいです。 又、省略していましたが余白マージンは下記のタグで正しく指定していますのでマージンの問題ではないと思います。 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
- 78tch
- ベストアンサー率31% (50/157)
２重になってる内側にも valign="middle" 指定してやればどうでしょうか？
補足
valign="middle"はセル内に対しての属性では？ 2重になっているテーブルのセル内に指定しても意味がないと思います。 念のためやってみましたが結果は同じでした
補足
>私の環境では、どちらのソースでも中央に表示されています。 お使いのブラウザやバージョンはなんでしょうか？ わたしもネスケ4.7なら正しく見えるのですが、その他のネスケのバージョンではアウト IE6やオペラ等のブラウザでも正しく見れません。 >また、それはどういった環境でですか? ローカルで確認しています。 Windows XP SP1/Internet Explorer6 具体的に正しく見れないというのは、横中央には来るのですが縦中央にならずに上部に位置してしまいます。私のブラウザが壊れているのでしょうか？