テーブルとテーブルのすきま
- 0 名前: miki : 2004/05/27 11:30
- こんにちは、お世話になります。
4つのテーブルを上下に隙間なく配置したいのですが、どうしても1つ目と2つ目のところで隙間が開いてしまいます(<!--本文開始-->のテーブルの上で)。
どうしたらよいでしょうか。
<BODY TOPMARGIN="0" LEFTMARGIN="100" MARGINHEIGHT="0" MARGINWIDTH="0" bgcolor=#ffffff background="kabe.gif" text="#696969">
<IMG SRC="mdc-3.gif"width="590"><TABLE border="0" cellspacing="0" width="590" bgcolor=#ffffff>
<TR>
・・・・・・・
</TR></TABLE>
<TABLE border="0" cellspacing="0" width="590" bgcolor=#ffffff><!--本文開始-->
<TR><TD width="590" height="40" align="center" valign="top" bgcolor=#ffffff><IMG SRC="43rogo3_100.gif" width="43" height="35" border="0"><IMG SRC="5watasitati.gif" width="371" height="40" border="0"></TD></TR>
</TABLE><!--本文終了-->
<TABLE STYLE="border: 1px #696969 solid;border-collapse: collapse;" width="590" height="80" bgcolor=#ffffff>
・・・・・・・
</TABLE>
<TABLE border="0" cellspacing="1" bgcolor="#C0C0C0" width="590" height="45">
<TR><TD valign="bottom" align="right"><P><font color="#0000">テキスト</font></P></TD></TR>
</BODY>
- 1 名前: k : 2004/05/27 13:03
- 二つ目のテーブルの<tr>の前に全角スペースが入ってるからでは。
ためしに全角スペースを文字に置き換えて表示してみると分かるけど、テーブル中の関係ない場所に文字が入ると、そのテーブルの上に表示されます。
そして、半角スペースならいいけど全角スペースは文字扱いです。
- 2 名前: miki : 2004/05/27 13:27
- kさん、早速ありがとうございます。
おっしゃる通りテーブル内のスペースをすべてチェックすると解決しました。
これで見た目はすっきりしたのですが、タグを途中で折り返さずに繋げたので
大変見づらくなってしまいました。
どういう部分で折り返すか教えていただけないでしょうか。
よろしくお願いいたします。
- 3 名前: k : 2004/05/27 13:56
- ええと、半角スペースや、改行(BRじゃなくて、テキストエディタで普通にエンターおして改行するだけの)
なら、おかしいことにはならないと思いますが・・・。
- 4 名前: miki : 2004/05/27 14:38
- ありがとうございます。
うっかり全角スペースを入れてしまうことがありますが、
気をつけないといけませんね。