Поидее бы поняли правильно, но тут ключевое слово растягивались а не обрезались.
Этот код не работает и не то.
Он просто обрезает длиннющие дивы снизу под величину контента, а надо именно чтоб растягивал их (потом туда пойдут 5 слоев, включая backgournd-position:bottom)
Простым языком надо чтоб высота дива была равна:
а) высоте окна если контента мало
б) высоте контента если его много.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>proba</title>
</head>
<body style="height:100%; margin:0; padding:0;">
<table border="1" style="height:100%"><tr>
<td style="height:100%">
<table border="1" style="height:100%">
<tr><td>asdasd1</td></tr>
<tr><td>asdasd2</td></tr>
</table>
</td>
<td style="height:100%">sdsdsd<br></td>
</tr>
</table>
</body>
Вот такая штука должна получится. (это работает вроде везде.)
Только для doctype как было сказано.