Показать сообщение отдельно
  #8 (permalink)  
Старый 07.07.2007, 14:43
Новичок на форуме
Отправить личное сообщение для nirva Посмотреть профиль Найти все сообщения от nirva
 
Регистрация: 06.07.2007
Сообщений: 5

вобщем, получилось как-то так:
вроде работает, хотя и не идеально:
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>

Последний раз редактировалось nirva, 07.07.2007 в 16:06.
Ответить с цитированием