tableのあるセルに無駄な空間が出来てしまいます。

tableのあるセルに無駄な空間が出来てしまい、全くの足踏み状態で困っています。
3兼4列目（あるセル）の中身が終わるとすぐに3列目、4列目がくっついてくるようにしたいです。

<TABLE border=1>
<TBODY>
<TR>
<TD colSpan=3>あああああああああ</TD>
<TD>いいいいい</TD></TR>
<TR>
<TD rowSpan=2 valign="top">1列目</TD>
<TD rowSpan=2 valign="top">2列目<br>
2列目<br>2列目<br>2列目<br>2列目<br>2列目<br>2列目<br>
2列目<br>2列目<br>2列目<br>2列目<br>2列目<br>2列目<br>
<br><br><br>
</TD>
<TD colSpan=2 valign="top">
3兼4列目
<br>
このセルと下の3列目、4列目を近づけさせたいです。<br>
↓この空間をなくす方法を教えてください。
</TD></TR>
<TR>
<TD valign="top">3列目</TD>
<TD valign="top">4列目</TD></TR></TBODY></TABLE>

宜しくお願いします。

No.3 ベストアンサー 回答者： quads 回答日時： 2007/12/31 20:48

table関連要素の各ブラウザでの挙動について認識していないので実験結果だけ示します。

DTD宣言は何れでも特に関係なさそうです。

Windows Opera 9 ではデフォルトで理想的な表示になります。
Windows Firefox 2 ではデフォルトでは "3列目", "4列目" の内容を含むセルの高さが不定(不安定)になりますが、"3兼4列目" の内容を含むセルに対して、height: 100% を指定すると理想的な表示になります。
Windows IE 6, IE 7 では解消できませんでした。
他の環境は試していません。

識者の回答を待ちます。

この回答へのお礼

大変遅くなりました。

詳しく調査していただきありがとうございます。
完璧な解消法はなさそうなので締め切らせていただきます。

他の方法を考えることにします。

お礼日時：2008/01/08 16:43

No.2 回答者： cool_ 回答日時： 2007/12/31 16:47

<td valign="top" height="200">3列目</td>

という風に height=に大きめの数字を入れる
これで少しは　いけます　(^_^;)

この回答へのお礼

大変遅くなりました。ありがとうございます。

お礼日時：2008/01/08 16:34

No.1 回答者： noname#66332 回答日時： 2007/12/31 10:20

強引ですが、下の2行をこんな風にｗ

<TD valign="top">3列目<br><br><br><br><br><br><br><br><br><br><br><br></TD>
<TD valign="top">4列目<br><br><br><br><br><br><br><br><br><br><br><br></TD></TR></TBODY></TABLE>

すいません、スマートな方法は他の回答者様待ちで m(__)m

この回答へのお礼

一時的にこれで凌ごうと思います。ありがとうございます。
他の方法をご存知の方いましたらお願いします。

お礼日時：2007/12/31 16:22