テキストの下表示

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： ダメ男 ： 2005/08/08 14:50
テーブルの中にある、３つの＜ＤＩＶ＞タグの真ん中にあります、
<div id="abc2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
なのですが、この＜ＤＩＶ＞の中にあるaaa・・・のテキスト文字を下に表示したいのですが、
どうやっても下になってくれません。スタイルシートにvertical-align: bottom;と入れてますが、ダメみたいなんです。
もしかして＜ＤＩＶ＞には無効なのでしょうか？

もしかして＜ＤＩＶ＞の使い方が間違っているのでしょうか？どのＨＰみても載ってませんし、詳しい人が回りにいないもので・・・

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<style type="text/css">
<!--
.abc {
background-color: #333333;
height: 20px;
}
#abc2 {
background-color: #FF0000;
height: 50px;
color: #FFFFFF;
text-align: right;
vertical-align: bottom;
}
-->
</style>
</head>

<body bgcolor="#999999">
<table width="700" height="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td>
<div class="abc"></div>
<div id="abc2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div class="abc"></div>
</td>
</tr>
</table>
</body>
</html>
1   名前： jj ： 2005/08/08 14:50
vertical-align: bottom;はテーブルのセルの中でしか言うことを聞いてくれないようです。
padding-topとかを使うと一応文字は下のほうに行きますよ。
2   名前： CC ： 2005/08/08 14:50
vertical-alignは
・display:inline要素
・display:table-cell要素
にのみ有効です。
一覧へ戻る