table内でのレイアウトの問題

質問

みんタグさんのサンプルHTMLをベースとして自分のホームページを作ろうと思っているのですが、どうしてもレイアウトがうまくできません。

サンプルページ（みんタグさんのぺーじです。）「http://www.heo.jp/tag/table/table_template.html」内の「@nifty型」
ソース（みんタグさんのぺーじです。）「http://www.heo.jp/tag/table/5.html」

本文（背景がオレンジ系の色で黒文字でメニュー（2、3）と書いてあるところの上）を長くすると左（背景が青系でメニューと書いてある場所の下）が移動してしまいます。（縦にセンタータグを使ったようになってしまいます）
説明がわかりにくいですがよろしくおねがいします。

回答No.3

h_82 · ベストアンサー

「help2.html」の53行目。
× <td valing="top" width="30%">
○ <td valign="top" width="30%">
と、修正して下さい。
あ、せっかく調べたのに同じ回答があったか_no"
補足と言う事で・・。

お礼

ありがとうございます。

回答No.2

gura_

単なる「valign」のタイプミスではないですか。
解決方法↓

◆状況、上下位置が意図のとおりでない

◆分析、上下位置指示タグが働いていないようだ

◆確認、上下位置指示タグの記述を見直す

◆??、<TD width="30%" valing="top">

◆修正、<TD width="30%" valign="top">

◆教訓、思い込みで処理せず、白紙に戻って見直す事

お礼

ありがとうございます。
意図のとおりに表示することができました。
2、3回チェックをしたのですがまったくきがつきませんでした…
これからはもっと見直して処理をしようと思います。

回答No.1

gura_

>本文を長くすると左が移動してしまいます。

　実際にソースをどのようにいじって、そのようになったかが解らないと答えようがありません。

　こちらを参考に、ご自分で検討してみたら如何ですか↓
http://www.tohoho-web.com/html/table.htm

参考URL：

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

補足

すみません、説明不足でした。
以下が　左の文章＞右の文章　となり、うまく表示されています。
しかし、以下は　右>左　となり、左の上がずれています。

つまり、右>左のときでもメニューの上の黄色い線と本文の上の灰色の線が
繋がる（少し間がありますが）ようにhtmlを書きたいです。
自分でも探してみましたがイマイチ解決策が出なかったのでお願いします。