縦方向の位置決め

まず、valign属性とvertical-alignプロパティの解釈に混乱が見られます。 <tr valign="middle"> これはOKです。このtrでvalign属性にmiddleの値が与えられていれば、（子要素のtdに対して直接その値を打ち消す様な指定がされていない限り）その行のセル（td）は全て垂直方向の中央揃えになります。 しかし、一方の： .divTitle tr { vertical-align: middle; } これはNG、というか無効です。vertical-alignプロパティが適用されるのは、インライン要素と表の「セル」要素であるtdとthだけです。trは表の「行」要素ですから、行自身には垂直だろうが水平だろうが「位置を揃える」という状態を持ち得ません。 なので、「その行の子要素のセル全てに対して垂直方向の中央揃えを指定したい」というのであれば： .divTitle tr th, .divTitle tr td { vertical-align: middle; } ですし、もっと突き詰めればthもtdもtrの子要素としてしか存在しないので、省略して： .divTitle th, .divTitle td { vertical-align: middle; } で充分です。 それから、tdの中の要素を全て（img、h2、h3、div）floatで浮かせてますよね。これでは、親要素のtdでいくら垂直方向の位置揃えを指定していても、無効です（ご存知かもしれませんが、floatはtext-alignとは全く性質が異なります）。 いまいち、どの様なレイアウトを希望されているのかがわかりかねるところがあるのですが、 「投稿者」という画像　　投稿者の名前　　日付 「タイトル」という画像　　[re]タイトル これらの2行のそれぞれの項目を、その行内で垂直方向に中央揃えにしたい、という事ですか？ であれば、マークアップの面でも、現状の様に一つのセルの中で無理矢理h(n)やらdivやら使って右に左に浮かせるのではなく、素直にセルを分けられた方が良いのでは？ <table class="divTitle" width="476" cellpadding="0" cellspacing="0"> <tr> <th><img src="img/w_name.gif" width="80" height="23" alt="投稿者"></th> <td class="name">관리자</td> <td class="date">(2009-04-26 13:47:39, Hit : 6, Vote : 0)</td> </tr> <tr> <th><img src="img/w_subject.gif" width="80" height="23" alt="タイトル"></th> <td class="title" colspan="2">[re] 다시 문의요-</td> </tr> </table> こんな感じで、あとはそれぞれのセル（th, td）に対してtext-align、vertical-align、padding、場合によってはwidthなどでお好みのスタイルを設定してあげるだけですので、楽だと思いますが？こういうマークアップではダメな理由がおありですか？