こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

このようなソースを書いたのですが下に表示した二つのテーブルがどうしても

このようなソースを書いたのですが下に表示した二つのテーブルがどうしても左よりに表示されてしまいます。
一行に2つのテーブルを横に並べつつその2つのテーブルを中央に表示できないでしょうか?
よろしくお願いいたします
<HTML><Div Align=center><HEAD><TITLE>検索結果詳細画面</TITLE></HEAD><BODY>
<BR><BR><BR>
<B>検索詳細画面</B><BR>
<form action='/humans/servlet/Seach' method='get'>
<table bor

社員番号</th>
<td width=200> sno</td></tr><tr>
<th>氏名</th>
<td> name</td></tr><tr>
<th>ヨミガナ</th>
<td> kana</td></tr><tr>
<th>住所</th>
<td> address</td></tr><tr>
<th>生年月日</th>
<td> birthday</td></tr>
<tr><th>性別</th>
<td> sex</td></tr>
<tr><th>身長</th>
<td> hight</td></tr>
<tr><th>体重</th>
<td> weight</td></tr>
<tr><th>血液型</th>
<td> blood</td></tr>
<tr><th>携帯電話番号</th>
<td> mtel</td></tr>
<tr><th>自宅電話番号</th>
<td> ttel</td></tr></table><hr />
<br>家族(扶養家族)のデータ</br>
<br></br><table border=1 align=left><tr><th width=150>氏名</th>
<td width=200> name</td></tr><tr>
<th>ヨミガナ</th>
<td> kana</td></tr><tr>
<th>生年月日</th>
<td> birthday</td></tr><tr>
<th>性別</th>
<td> sex</td></tr><tr>
<tr><th>身長</th>
<td> hight</td></tr>
<tr><th>体重</th>
<td> weight</td></tr>
<tr><th>血液型</th>
<td> blood</td></tr>
<tr><th>携帯電話番号</th>
<td> mtel</td></tr>
<tr><th>自宅電話番号</th>
<td> ttel</td></tr>
<tr><th>続柄</th>
<td> reration</td>
</tr></table>
<table border=1 align=left><tr><th width=150>氏名</th>
<td width=200> name2</td></tr><tr>
<th>ヨミガナ</th>
<td> kana2</td></tr><tr>
<th>生年月日</th>
<td> birthday2</td></tr><tr>
<th>性別</th>
<td> sex2</td></tr><tr>
<tr><th>身長</th>
<td> hight2</td></tr>
<tr><th>体重</th>
<td> weight2</td></tr>
<tr><th>血液型</th>
<td> blood2</td></tr>
<tr><th>携帯電話番号</th>
<td> mtel2</td></tr>
<tr><th>自宅電話番号</th>
<td> ttel2</td></tr>
<tr><th>続柄</th>
<td> reration2</td>
</tr></table><br></br><br></br><br></br><br></br><br></br><br></br><br></br>

投稿日時 - 2010-07-11 03:22:09

QNo.6030017

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

4人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

こんなのでどうでしょう…

<div style="width: 600px; margin: 0 auto;"> ← style で 固定幅と均等余白をとってる
<form action='/humans/servlet/Seach' method='get'>
<h1>検索詳細画面</h1>
<table width="300" border="1" cellspacing="0" cellpadding="4">
<tr><th width=100>社員番号</th><td>sno</td></tr>
<tr><th>氏名</th><td>name</td></tr>
<tr><th>ヨミガナ</th><td>kana</td></tr>
<tr><th>住所</th><td>address</td></tr>
<tr><th>生年月日</th><td>birthday</td></tr>
<tr><th>性別</th><td>sex</td></tr>
<tr><th>身長</th><td>hight</td></tr>
<tr><th>体重</th><td>weight</td></tr>
<tr><th>血液型</th><td>blood</td></tr>
<tr><th>携帯電話番号</th><td>mtel</td></tr>
<tr><th>自宅電話番号</th><td>ttel</td></tr>
</table>
<hr />
<h1>家族(扶養家族)のデータ</h1>
<table width=300 align=left border=1 cellspacing="0" cellpadding="4">
<tr><th width=100>氏名</th><td>name</td></tr>
<tr><th>ヨミガナ</th><td>kana</td></tr>
<tr><th>生年月日</th><td>birthday</td></tr>
<tr><th>性別</th><td>sex</td></tr>
<tr><th>身長</th><td>hight</td></tr>
<tr><th>体重</th><td>weight</td></tr>
<tr><th>血液型</th><td>blood</td></tr>
<tr><th>携帯電話番号</th><td>mtel</td></tr>
<tr><th>自宅電話番号</th><td>ttel</td></tr>
<tr><th>続柄</th><td>relation</td></tr>
</table>
<table width=300 border=1 align=left cellspacing="0" cellpadding="4">
<tr><th width=100>氏名</th><td>name2</td></tr>
<tr><th>ヨミガナ</th><td>kana2</td></tr>
<tr><th>生年月日</th><td>birthday2</td></tr>
<tr><th>性別</th><td>sex2</td></tr>
<tr><th>身長</th><td>hight2</td></tr>
<tr><th>体重</th><td>weight2</td></tr>
<tr><th>血液型</th><td>blood2</td></tr>
<tr><th>携帯電話番号</th><td>mtel2</td></tr>
<tr><th>自宅電話番号</th><td>ttel2</td></tr>
<tr><th>続柄</th><td>relation2</td></tr>
</table>
</form>
</div>

1行目で設定した横幅は、下のテーブルが2つくっついた幅の合計と一緒です。

投稿日時 - 2010-07-11 10:28:55

ANo.1

<table>タグのネストが禁止されてるとかいうのじゃなければ

<table border=0 align="center"><tr><th>
 ~二つのテーブル~
</th></tr></table>

というように2つのテーブルを外側のテーブルで括ってしまえば良いかと。

投稿日時 - 2010-07-11 05:23:18

あなたにオススメの質問