תראה,
ב-CSS אין פתרון יפה, יש אפשרות לעשות את זה עם expression אבל אז זה לא יהיה CSS תקני. בקיצור, חבל על המאמץ.
זה הפתרון הכי תקני שמצאתי, כמה שהוא מכוער, הוא עושה את העבודה:
HTML קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
Html,Body {
Height: 100%;
Margin: 0px;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;">
<tr>
<td valign="top">bla bla bla</td>
</tr>
<tr>
<td valign="bottom"><div style="background-color: #E6E6E6; height: 20px;">bottom</div></td>
</tr>
</table>
</body>
</html>