ベストアンサー

テーブルを横に並べたい

2005/04/11 16:18

お世話になります。HTML初心者で、入門書を見ながらHPを作っています。テーブルを2つ横に並べたいのですが、まず画面左に適当な表（表１）を作りました。そして、表１の右に見た目で3cm程間をあけて、同じ表を作りたいのですが、どういうタグを打てばいいのでしょうか。よろしくお願いします。

snufkin0614
お礼率27% (277/1022)

HTML
回答数3
ありがとう数0

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

質問者が選んだベストアンサー

ベストアンサー

918BG
ベストアンサー率48% (476/984)

2005/04/12 05:14 回答No.3

こんばんは。頑張っていらっしゃいますね。いろんな方法がありますが、入門レベルで最もわかりやすいのはテーブルを三つ並べる方法かと思います。必要なテーブルの数は二つですから、左と右のテーブルを本来の表として使い、真ん中のテーブルは横幅を３Cmくらいに設定して無地のままにします。枠線も書き込みの文字も無ければ、単なる間のスペースに見えるだろうという魂胆です。見本のタグを書いておきます。 <html> <head><title>3Cmくらい間をあけてテーブルを二つ</title> </head> <body> ３Cmくらい間をあけてテーブルを配置してみましょう。<br> <table> <tr> <td><table border="1"> <tr><td width="300" height="200"><font size="5">表１</font></td></tr></table></td> <td width="92" border="0"> </td> <td><table border="1"> <tr><td width="300" height="200"><font size="5">表２</font></td></tr></table></td> </tr> </table> </body> </html> １番目と３番目のテーブルでは、「border="1"」と指定して枠線を表示しています。２番目のテーブルのみ、「border="0"」と指定して枠線を表示しないようにしてます。この対比で２番目のテーブルの存在感をなるべくわからないようにしている訳です。２番目のテーブルで「width="92"」と指定していますが、ここがミソです。これは「２番目のテーブルの幅を92ピクセルで表示しなさい」と指定するタグですが、Windowsパソコンの画面ではこれでほぼ３センチになります。ただし、Macintoshのパソコンで表示すると、画面の規格が異なるので、２番目のテーブルの幅は３センチよりも少し大きく表示されてしまいます。こればっかりは規格の違いが原因なのでどうしようもありません。あと、２番目のテーブルの<td>タグと</td>タグとの間に半角スペースをわざと入れています。ここには何も無い場所ですが、ブラウザの種類によってはこの半角スペースが入ってないと２番目のテーブルがつぶれてしまうこともあるので、念のために入れています。このあたりは、出来たHTMLを何種類かのブラウザで表示テストしてから本番で使うようにした方が良いです。