вобщем, получилось как-то так:
вроде работает, хотя и не идеально:
1. в ie при скроле топ и боттом элементы колбасит
2. margin центрального элмента задается отдельным javascript'ом (а expression вообще где-то кроме ие работают?)
3. код выглядит весьма уродливо
если кто может подсказать на будущее лучшее решение, - буду благодарен. всем ответившим в топике - большое спасибо.
<html>
<style type="text/css">
#top {
position: fixed;
top: 0;
_position: absolute;
_top: expression(eval(document.body.scrollTop));
width: 100%;
background-color: #fff;
}
#bottom {
position: fixed;
bottom: 0;
_position: absolute;
_top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);
width: 100%;
background-color: #fff;
}
#content {
margin-top: 50px;
margin-bottom: 50px;
}
</style>
<body>
<div id='top'></div>
<div id='content'></div>
<div id='bottom'></div>
<script type="text/javascript">
document.getElementById("content").style.marginTop = document.getElementById("top").clientHeight;
document.getElementById("content").style.marginBottom = document.getElementById("bottom").clientHeight;
</script>
</body>
</html>