Ренат, спасибо, что хоть откликнулся.
Но...
к сожалению, каждый див занимает ровно 1 строку.
Вот подправленный вариант, на котором проверял:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!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">
<body>
<div style="height:20%;width:100%;background-color:yellow" id="header">
header
</div>
<div style="min-height:60%;width:100%" id="content">
<div style="height:100%;background-color:aqua">listbox</div>
</div>
<div style="height:20%;width:100%;background-color:yellow" id="footer">
footer
</div>
</body>
</html>
Но даже если б и заработало, я б придрался :) к процентам в хидере и футере. Может, я агульно хочу сымитировать десктопный диалог, но по крайней мере с табличной разметкой это без труда удавалось.
Хочется чего-нибудь типа
1.
2.
3.
<div style="height:4em;width:100%;" id="header">
header
</div>
Забегая наперед, скажу, что с помощью javascript проблема легко решается, но это не чистое решение и уже не исключительно разметка.
