掲示板/スタイルシート質問板/過去ログ/一覧/ valignの代わりは？

0 名前：なみ： 2007/02/14（水） 14:33 ID:cU5nXTle sub-tF: div内の文章を、td内でvalign=bottomを使った時のように表示させるには
どのように指定すればいいのでしょうか？
┏━━DIV1━━━┓
┃┏━DIV2━━┓┃
┃┃　　　　　　　┃┃
┃┗━━━━━┛┃
┃ 　　　　　　　1行┃
┃　※文章　　２行┃（DIV1はfloatしています）
┗━━━━━━━┛
この※文章の部分を下寄せにしたいのですが（改行がない場合は２行目のところが１行目になるように）
vertical-alignを指定しても上手く行きません。
文章部分をさらにdivで囲んだり、それにposition:relative;bottom:0;などと指定してみたりもしたのですが
文字はそのままDIV2の真下から表示されてしまいます。
ご教授お願いします。

1 名前： カヅサツ ◆ThCi95HEzw ： 2007/02/14（水） 14:33 ［URL］ ID:O5hEMlpW sub-r2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
#div1{
	border: 1px solid;
	width: 50%;
	height: 600px;
	position: relative;
}
#div2{
	border: 1px solid;
	margin: 1em;
}
#div3{
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
</style>
</head>
<body>
<div id="div1">
	<div id="div2">
		<p>div2</p>
	</div>
	<div id="div3">
		<p>※文章</p>
	</div>
</div>
</body>
</html>

2 名前：なみ： 2007/02/14（水） 14:33 ID:cU5nXTle sub-tF: カヅサツさん

ありがとうございます。
そうか、親要素を基準にしたいのならabsoluteですよね。
top:auto;も考えつきませんでした。
cssの勉強を始めたばかりなのでとても参考になりました。ありがとうございました。

3 名前： カヅサツ ◆ThCi95HEzw ： 2007/02/14（水） 14:33 ［URL］ ID:O5hEMlpW sub-r2: 親要素を基準にしたいのならabsoluteですよね。

親要素の position を relative にもしてあげる必要があります。