tableを画面中央に配置する方法

解決済

質問者：hikaru2002
質問日時：2002/09/27 14:01
回答数：3件

tableを画面の中心に表示させたい場合は、どのように指定すればよいのでしょうか？

div algin="center"だと左からのみの指定ですよね
これに上からもcenterにしたい時は、どうすれば良いのか、教えて欲しいのです。

どうか宜しくお願い致しますm(_ _)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#3345
回答日時：2002/09/27 14:18

画面の中心というのがいまいちよくわからないのですが・・・。

ページ全体にtableを組んで、その中にさらにtableを組んではいかがでしょう？
bodyのtopmarginとleftmarginに0を指定すれば、隙間なく表示できます。

<table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>
<tr><td align=center valign=middle>
<table><tr><td>
デザインをいれる
　　</td></tr>
</table>
</td></tr>
</table>

これでできませんかね？
クロスブラウザ対応かは、チェックしてませんが・・・。

はずしていたらごめんなさい。

- 1
- 件

通報する

この回答へのお礼

有難うございます(#^.^#)
早速試してみたら上手くいきました♪

tableタグの勉強してたのですが、奥が深いですね～
本当に有難うございました！

通報する

お礼日時：2002/09/27 14:42

No.3

回答者： steelgreen
回答日時：2002/09/27 14:36

書いてたら全く同じことををPrynneさんが書いてくれたので

他のブラウザで見てみました。

と言ってもマイナーなOpera6.5だけですが。
ちゃんと中央に表示されます。

MozillaとNetscapeはわかりませんが恐らく大丈夫でしょう。

- 1
- 件

通報する

この回答へのお礼

有難うございました=^_^=
Mozillaでもちゃんと表示されました。

ご協力感謝します♪

通報する

お礼日時：2002/09/27 14:48

No.2

回答者： onimotsu
回答日時：2002/09/27 14:32

これで左右の中央に来ますね。

<BODY>
<CENTER>
<TABLE border="1">
<TBODY>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</BODY>

上からセンターというのは？

画面表示サイズを設定して
中央に配置するようにテーブルを設定するしかないような気がします。
（スタイルシートを使ってでは）

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<TABLE border="1">
<TBODY>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>