テーブルが一行下がる・・・

解決済

質問者：dongurineko
質問日時：2001/09/10 11:29
回答数：5件

HTMLを作成していて、横一列に並べたいのに何故か一行下がってしまいます。

具体的には、

<TABLE width="50" border=1 align=left>
<TBODY>
<TR><TD noWrap align=middle>項目A</TD>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
</TABLE>
<TABLE width="20" border=1 align=middle>
<TBODY>
<TR><TD noWrap align=middle>タイトル</TD></TR>
</TBODY>
</TABLE>
<TABLE width="50" border=1 align=right>
<TBODY>
<TR><TD noWrap align=middle>項目B</TD></TR>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>

というソースで、「項目A」→「タイトル」→「項目B」と横一線に並べたいのですが、何故か「項目B」が一行下がって表示されます・・・
HTMLを作るのは初めてで、色々と調べたのですがよく分かりませんでした・・・。
どなたか助けてください！！
よろしくお願い致しますm(_ _)m

通報する

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

質問の本文を隠す

回答 (5件)

No.1

回答者： fuzy
回答日時：2001/09/10 12:05

こうしたいのでは？と思う記述です。

<TABLE width="50" border=1 align=left>
<TBODY>
<TR>
<TD noWrap align=middle>項目A</TD>
<TD noWrap align=middle>タイトル</TD>
<TD noWrap align=middle>項目B</TD>
</TR>
<TR>
<TD noWrap align=middle Height=80>(項目Aの内容)</TD>
<TD noWrap align=middle Height=80>(タイトルの内容)</TD>
<TD noWrap align=middle Height=80>(項目Bの内容)</TD>
</TR>
</TBODY>
</TABLE>

どうしてもテーブルを３つ並べてトいうことであれば、
１）項目AのところのTRタグが閉じてない(</TR>がない)
２）項目Bの２行目が無い。
３）最後にTABLEタグが閉じていない(</TABLE>がない)

の３つを直せばいいと思います。
＃確認はしてませんが．．．

この回答への補足

すみません、私の書き方が悪かったようです。
私がやりたかったのは、
(1)項目Ａと項目Ｂはページの左右の端にそれぞれ表示。
(2)項目Ａと項目Ｂの下には印鑑を押すぐらいのスペースを設ける（何も無い領域を作る）
(3)「タイトル」は枠で囲み、「項目Ａ」の右隣に表示

というやりかたなんです・・・
アドバイスいただいた１～３も試してみましたが、ダメでした・・・（泣）
もう、どうしたらよいのやら・・・

補足日時：2001/09/10 12:18

通報する

- 0
- 件

通報する

No.2

回答者： Methyln
回答日時：2001/09/10 12:13

以下のようにしてはダメですか？

<html>
<head>
<title>sample2</title>
</head>
<body>
<center><table border=1 WIDTH="50%" >
<tr>
<td noWrap align=middle Height=80>項目A</td>
<td noWrap align=middle>タイトル</td>
<td noWrap align=middle>項目B</td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

</table>
</center>
</body>
</html>

同一のテーブル内での表示なら、あらたにテーブルを作成せずに
同一テーブル内で記述してはどうでしょうか？

意図した表示と違う結果であれば、ごめんなさい。
あなたの表示させたいページの構成が読み取れませんでしたので。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
せっかくアドバイスいただきましたが、私の表現が悪く、ちょっと違っていたようです。
すみません・・・どう書いたらよいかわかりませんでしたので・・・。
ですが、アドバイスは今後の参考にさせていただきます！！

通報する

お礼日時：2001/09/10 12:29

No.3

回答者： a-kuma
回答日時：2001/09/10 12:19

「こうやりたい」という気持ちは伝わってきますが、それはブラウザまで届いて

いません。

三つの TABLE タグが、左・中央・右と指定されていますが、その三つが
お互いに関係していることがブラウザには分かっていません。

あくまでも、その一つの TABLE に対して、できるだけ中央にしよう、という
動きをするだけです。項目Bは、一行下がっているのではなく、タイトルの
テーブルの下に居るだけなんです。

というわけで、思い付く解決方法を二つ。

align の left、right は思ったより強いので、項目Ａ、項目Ｂ、タイトルの
順に TABLE を書いてみましょう。質問の範囲であれば、期待通りの表示に
なるようです（Netscape でのみ確認）。

ただ、この方法は、それぞれのテーブルの大きさや形に依存しそうなので、
正攻法としては、三つのテーブルを持つ大きなテーブルを作ることが、一番
確実な方法です。

<table width="100%" border=0>
<tr width="40%"><td>
　　<table>
　　項目Ａのテーブル内容をここに
　　</table>
<tr><td>
　　<table>
　　タイトルの内容をここに
　　</table>
<tr width="40%"><td>
　　<table>
　　項目Ｂのテーブル内容をここに
　　</table>
</table>

多少はしょってますが、こんな感じです。

- 0
- 件

通報する

この回答へのお礼

＞align の left、right は思ったより強いので、項目Ａ、項目Ｂ、タイトルの
＞順に TABLE を書いてみましょう。質問の範囲であれば、期待通りの表示に
＞なるようです

これをＩＥでも試してみましたが、上手くいきました！！
記述の順番を変えれば良かったんですね・・・
その下の方法も、今試してみたところではちょっと上手くいかなかったのですが、もう少しやってみると何とかなるかもしれません。
ありがとうございました！！

通報する

お礼日時：2001/09/10 12:31

No.4ベストアンサー

回答者： a-kuma
回答日時：2001/09/10 13:42

No.3 で書いた二つ目の方は、ちょっと間違いもあったんで、実際に書いて、

確認してみました。ちょっとタイトルが大きいのかもしれないけど、調整は
可能ですよね。

<HTML>
<body>

<TABLE width="100%" border=0>
<tr>
<td width="20%">
<TABLE width="50" border=1>
<TBODY>
<TR><TD noWrap align=middle>項目A</TD> </tr>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
</TABLE>

<td valign="top">
<TABLE width="100%" border=1>
<TBODY>
<TR><TD noWrap align=middle>タイトル</TD></TR>
</TBODY>
</TABLE>

<td width="20%">
<TABLE width="50" border=1 align="right">
<TBODY>
<TR><TD noWrap align=middle>項目B</TD></TR>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
</table>

</table>

</body>
</HTML>