Здравствуйте, Аноним, Вы писали:
А>1) Надо чтобы HEADER + CONTENT + FOOTER занимали все окно браузера.
А>2) HEADER и FOOTER видны всегда вне зависимости от размера окна.
А>3) Если страница не влезает целиком в окно браузера, то CONTENT прокручивается (scrollbar), а HEADER и FOOTER видимы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Header+Content+Footer</title>
<style type="text/css">
#header { position: fixed; left: 0px; top: 0px; right: 0px; height: 5em; }
#footer { position: fixed; left: 0px; bottom: 0px; right: 0px; height: 2em; }
#content { position: fixed; left: 0px; top: 5em; right: 0px; bottom: 2em; overflow: auto; }
</style>
</head>
<body>
<div id="header"><h1>Hello World!</h1></div>
<div id="content">
<p>Lorem ipsum…</p>
<p>[…]</p>
</div>
<div id="footer"><address>© 2010 Example.com</address></div>
</body></html>
Вёркэраунды для IE6 по вкусу.
