テーブルの入れ子でテーブルがそろわない

質問

―――――――――――――
｜　―――　｜　　　　　　｜tb1
｜｜　　　｜｜　―――　　｜
｜｜tb2 　｜｜｜　　　｜　｜
｜｜　　　｜｜｜tb3 　｜　｜
｜　―――　｜｜　　　｜　｜
｜　　　　　｜　―――　　｜
　――――――――――――　
tb1の中にtb2とtb3を入れ子で作りましたが、cellpadding="0" cellspacing="0"を試してもどうしてもtb2とtb3の行がそろいません。。どなたか助けてください。ちなみにtb2もtb3もそれぞれ複数行あります。

回答No.3

2NN · ベストアンサー

#1 補足のHTMLタグの場合、揃えたいのはどの部分とどの部分ですか？

今のところ気付いたのは以下の通りです。

・cellspacing cellpadding は td には使えません。
　table タグに指定してください。
・入れ子のテーブルを親テーブル内の上部で揃える場合、
　親テーブルの td に valign="top" を指定してください。

お礼

ありがとうございました。できました！

回答No.2

steel_gray

tb2、tb3を含むtb1の各セル(<td>)に valign="top" を入れてみてください。

参考URL：

http://www.tohoho-web.com/html/td.htm

お礼

ありがとうございました。できました！

回答No.1

2NN

tb1 の td に valign="top" を指定したら揃いますか？
これで揃わないなら、見せれる範囲でタグを見せていただけますか？

補足

<table width="660" border="0">
<tr>
<td ><table width="330" height="600" border="0" >
<tr>
<td width="330" height="15" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0">
<div align="center"><font size="-1">aaa</font></div></td>
</tr>
<tr>
<td><font color="#666666" size="-1"> 　aaa</font></td>
</tr>
<tr>
<td height="15" valign="top" bgcolor="#CC3300"> <div align="center"><font color="#FFFFFF" size="-1">bbb</font></div></td>
</tr>
<tr>
<td><div align="left"><font color="#666666" size="-1">bbb</font></div></td>
</tr>
<tr>
<td height="15" valign="top" bgcolor="#CC3300"> <div align="center"><font color="#FFFFFF" size="-1">ccc</font></div></td>
</tr>
<tr>
<td height="16" valign="top"> <div align="center"></div></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
<td><table width="330" height="599" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="16" bgcolor="#CC3300" cellspacing="0" cellpadding="0">
<div align="center"><font color="#FFFFFF" size="-1">ddd</font></div></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>

こんな感じですがお願いします。