右側がおかしくなる

初心者です。

図のようなテーブルを作りたくがんばってみたのですが右側がおかしくなります。

タグは
<table border>
<tr><td rowspan="7">
<font size="1">
1
</td>
<td rowspan="3"><font size="1">2</td>
<td><font size="1">4</td>
<tr><td></td>
<td></td>
<td></td></tr>
<td><font size="1">5</td>
</tr>
<td rowspan="5"><font size="1">3</td>
<td><font size="1">6</td></tr>
<td><font size="1">7</td></tr>
<td><font size="1">8</td></tr>
<td><font size="1">9</td></tr>
</table>
<BR>

です。
結果の画像も載せておきます。

「おかしい」としか表現できなく
うまく伝わらないかもしれないですが
ご教授よろしくお願い致します。

No.1 ベストアンサー 回答者： red-seal 回答日時： 2009/11/28 21:09

タグの抜けが在ります。

TRがきちんとしていないのが致命的なようです。

ROWSPANが1多いです。

<table border="1">
<tr>
<td rowspan="6"><font size="1">1</font></td>
<td rowspan="2"><font size="1">2</font></td>
<td><font size="1">4</font></td>
</tr>
<tr>
<td><font size="1">5</font></td>
</tr>
<tr>
<td rowspan="4"><font size="1">3</font></td>
<td><font size="1">6</font></td>
</tr>
<tr>
<td><font size="1">7</font></td>
</tr>
<tr>
<td><font size="1">8</font></td>
</tr>
<tr>
<td><font size="1">9</font></td>
</tr>
</table>

この回答へのお礼

うまくいきました。ありがとうございます。

お礼日時：2009/11/29 08:46

No.2 回答者： grumpy_the_dwarf 回答日時： 2009/11/28 23:10

font要素が山盛りあるけど意味がないので消します。

すっきりして
みると、一行目は</tr>がないし、二行目は空っぽだし、三行目以
降は<tr>なしでいきなり<td>があるのが見えてきます。レイアウト
を崩しているのは二行目ですね。ゴッソリ消して全体に足りないタ
グを補えば、きれいになりますよ。rowspanも再計算。

<table border="1">
<caption>rowspanバリバリの表</caption>
<tr>
<td rowspan="6">1</td>
<td rowspan="2">2</td>
<td>4</td>
</tr>
<tr><td>5</td></tr>
<tr>
<td rowspan="4">3</td>
<td>6</td>
</tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
</table>

この回答へのお礼

ありがとうございます。参考になりました。

お礼日時：2009/11/29 08:46