- 締切済み
テーブルで中央に指定したい
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)
> というより →申し上げますが私の環境（ＩＥ６＆ＸＰＰｒｏ）でも上下左右真ん中です。 テーブルの下になんか画像が置いてあるとか、ウインドウの高さを１００にさせないなにかがあるんじゃないんですか、という気がします。 というよりというより自分を疑って、みなさんのアドバイスをもちっと読まれては。ほな。
質問者さんが示しているソースを、ローカル環境（ＩＥ６ＳＰ１）で確認してみました。 ＃このソースの上下に <html> <head> <title></title> </head> <body> －－と </body> </html> を加えました。 少なくとも私の目で見た限りでは、天地・左右とも中央に配置されています。
- master-3rd
- ベストアンサー率35% (582/1641)
#2です。 私の環境では、どちらのソースでも中央に表示されています。 どの程度ずれているのですか? また、それはどういった環境でですか? サーバにアップしたらとか?
- 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 具体的に正しく見れないというのは、横中央には来るのですが縦中央にならずに上部に位置してしまいます。私のブラウザが壊れているのでしょうか？