Table内の文字の位置を変えるには

<table>
<td rowspan="4">テスト</td>
<td>AAA</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>

このコードを打ち込むとテストの位置がAAAとBBBの間の高さになりますが、
テストの高さをAAAと同じ位置に表示することはできますか？

No.4 ベストアンサー 回答者： pasocom 回答日時： 2011/10/29 17:50

<table>

<td rowspan=2 valign=top>テスト</td>
<td>AAA</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>

でいいんじゃない？。
ただし、セルの高さによっては微妙にずれるけど・・・。

<table>
<td>テスト</td>
<td>AAA</td>
</tr>
<tr>
<td></td><td>BBB</td>
</tr>
</table>

こんなふうに空白のセルを作れば必ず揃うね。

この回答へのお礼

回答ありがとうございました。

お礼日時：2011/10/30 17:36

No.5 回答者： ORUKA1951 回答日時： 2011/10/29 20:25

多くのブラウザでは、セル内の中央に配置されます。

+--------+---------+---------
|　　　　　　　|あいうえお|
|あいうえお|---------+
|　　　　　　　|あいうえお|あいうえお
|--------|----------|
|あいうえお|あいうえお|
|--------|----------+----------
となります。

スタイルシートで、td{vertical-align:top;}とすると良いでしょう。

この回答へのお礼

回答ありがとうございました。

お礼日時：2011/10/30 17:36

No.3 回答者： DrFell 回答日時： 2011/10/29 17:43

<table>

<td rowspan="4" style="vertical-align:top;">テスト</td>
<td>AAA</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>

vertical-alignで行方向の揃え方を指定できます。有効なのは、インライン要素とテーブルセルです。

●vertical-alignスタイルシートリファレンス
http://www.htmq.com/style/vertical-align.shtml

この回答へのお礼

回答ありがとうございました。

お礼日時：2011/10/30 17:36

No.2 回答者： torayoshi 回答日時： 2011/10/29 17:41

rowspan="4"は他の要素を省略かなんかしたんでしょう、たぶん。

マークアップ以外はCSSでやらないと怒られますよ（笑）
縦方向揃えは該当のセルに対しvertical-alignプロパティで。

この回答へのお礼

回答ありがとうございました。

お礼日時：2011/10/30 17:36

No.1 回答者： noname#158634 回答日時： 2011/10/29 16:59

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

というかrowspan="4"っておかしいでしょ。

この回答へのお礼

回答ありがとうございました。

お礼日時：2011/10/30 17:36