締切済み

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

2010/07/11 03:22

このようなソースを書いたのですが下に表示した二つのテーブルがどうしても左よりに表示されてしまいます。一行に２つのテーブルを横に並べつつその２つのテーブルを中央に表示できないでしょうか？よろしくお願いいたします <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>

derayedkaleido
お礼率20% (1/5)

HTML
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

みんなの回答

rurino
ベストアンサー率55% (38/68)

2010/07/11 10:28 回答No.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つくっついた幅の合計と一緒です。