• ベストアンサー

右側がおかしくなる

初心者です。 図のようなテーブルを作りたくがんばってみたのですが右側がおかしくなります。 タグは <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> です。 結果の画像も載せておきます。 「おかしい」としか表現できなく うまく伝わらないかもしれないですが ご教授よろしくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • red-seal
  • ベストアンサー率50% (1/2)
回答No.1

タグの抜けが在ります。 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>

この投稿のマルチメディアは削除されているためご覧いただけません。
bmgjtu
質問者

お礼

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

その他の回答 (1)

回答No.2

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>

bmgjtu
質問者

お礼

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

関連するQ&A