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

締切済

質問者：derayedkaleido
質問日時：2010/07/11 03:22
回答数：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>

通報する

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

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： rurino
回答日時：2010/07/11 10:28

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

<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つくっついた幅の合計と一緒です。