DIV трябва да стига до доло, как ?!

[lamer]

Опитвам се да накарам един див да стигне до най-долната част на страницата.
!!! Дива трябва да е динамичен и да се разпъва според височината на прозореца. Т.Е. винаги да започва от едно и също място и да свършва в най-ниската точка.

Еиго на:
http://bugnati.hit.bg/data.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Data</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="content-language" content="bg" />

<style type="text/css">
body{
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#daz { line-height:100px;}
#foot{ height: auto;}
</style>

</head>

<body>

<div id="daz" style="background-color: #ff0000; color: #ffffff;"> 
div1
</div>
<div id="daz" style="background-color: #789987; color: #ffffff;"> 
div2
</div>
<div id="daz" style="background-color: #321321; color: #ffffff;"> 
Този DIV трябва да стига до доло, как ?!
</div>

</body>

</html>

 

[emagi]

Я ми задай :

height:100%;

 

[shterev]

Я ми задай :

height:100%;

няма да стане така, защото бодито няма зададена височина. Трябва с js да се зададе динамично на бодито и след това може да работи това height:100%;

 

[shterev]

Е намерих нещо:

<div style="background-color: rgb(50, 19, 33); color: rgb(255, 255, 255); position: absolute; left: 0px; top: 200px; bottom: 0px; width: 100%;" id="daz">
Този DIV трябва да стига до доло, как ?!
</div>


Замести това с твоя див кафевия.