テーブルタグ面白い

今回はサイト運営関係かな?
ここなんですけど育成論のページにはテーブルを使用してちょっぴり見やすいように工夫してるんですが今回ちょっと不都合が起きまして･･･
例えば
－－－－－－－
｜　　　｜　　　　｜
－－－－－－－
｜　　　　　　　　　｜
－－－－－－－
｜　　　　｜　　　｜
－－－－－－－
こうするには
<table border>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<tr>
</table>
ってするんですが（具体例↓

テスト	テスト
テスト　テスト
テスト	テスト

まぁこんな感じですよね。
で

テスト	テスト	テスト
テスト　テスト　テスト
テスト	テスト	テスト

にするには上の<td colspan="2">の2の部分を3に替えればいいんですけど
colspanって言うのは上下のセル（テーブルの窓）をその数の分結合してくれるタグなんですよね。
だから中の数字が足りないと

テスト	テスト	テスト
テスト　テスト　テスト
テスト	テスト	テスト

こうなります。
まぁここまでは良いんですよ。
じゃあ上を2、下を3にしようとするとどうなるのでしょうか。
まずcolspanを2に設定してみましょう。

テスト	テスト
テスト　テスト　テスト
テスト	テスト	テスト

こうなります。では3にすると･･･　

テスト	テスト
テスト　テスト　テスト
テスト	テスト	テスト

ああorzもどかしい･･･
理想は
－－－－－－－－－－－－－－
｜　　　　　　　　｜　　　　　　　　　｜
－－－－－－－－－－－－－－
｜　　　　　　　　　　　　　　　　　　｜
－－－－－－－－－－－－－－
｜　　　　　｜　　　　　｜　　　　　｜
－－－－－－－－－－－－－－
こんな感じなんですけど･･･
日本地図をテーブルタグで作る人もいるぐらいだしこれぐらいできるはず･･･
で、どうすればいいか考えたんですがいろいろなサイトを見てもググッて見てもわからねえよ!
ってことでテーブルの使い方から考えて自分なりに考えた結果
2重テーブルです。
具体的にどうするかと言うと
<table border>
<tr>
<td colspan="3">
<table border>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
一見意味不明ですがそう、テーブルの中にテーブルを作れば外枠はひとつのテーブルと判断されて限界を関係ないのではないか。
地震のない書き方ですがだって知らないんですもん。
そもそも2重テーブルが出来るかどうかも知らない!
実際やってみましょうか。

テストテスト テストテスト テスト　テスト　テスト
テスト	テスト	テスト

お!
ちょっと崩れてますけど･･･
まぁこんな感じでどすか?
上に挙げた例のページは区切りの部分を見ていただいたら分かるようにもうちょっと複雑になってますけど。
後後結合するセルの数の差で右端が余るときは横幅指定のタグを入れてあげればいいかと。
あれ?なんか雑学講座になってるような･･･
で、でも複雑なテーブルタグにはまってしまいました･･･
そのうち日本地図とか作ってそうで恐い･･･
でも不器用根気もあまりないからどうせ無理ですよ～