Плавающие слои

[rafic]

На сайте, в левом меню, под всеми ссылками имеется див.
В этом диве мне нужно заставить плавать картинку, в зависимости от прокрутки шаблона. То есть...

<div class="menu"></div>
<div class="reklama"></div>
<div class="logo">
   <div class="logo-img"></div>
</div>

высота logo должна изменятся от начала его (точка де заканчивается меню и открывается див с этим классом) и до низа браузера. Logo-img должен быть всегда у нижней грани браузера, но когда он упрется в верх слоя logo, то будет опускаться за нижнюю грань браузера.

 

[rafic]

неужели некто не знает как решить проблему?

 

[rijy]

возможно это из за того, что ты сумбурно задал вопрос.
приведи пример кода который на сайте в даный момент, дай ссыль или скрины того что есть сейчас и (если есть), примеры того что нужно.

 

[rafic]

Так и надо говорить, что вопрос не понятен.
На рисунке изображена структура странички.
В левом меню мне нужно сделать плавающую картинку. Но что бы она плавала не по всей высоте меню, а ограничивалась верхней границей. Так как выше границы будут пункты меню.
Пока красный овал не касается верхней границы, он нижним краем привязан к нижней грани окна браузера. Так только мы прокручиваем страничку вверх и красный овал упирается верхней гранью в границу, он опускается тоже в низ. Граница его как бы толкает за собой.
Код левого меню...

		<div class="left-block">
			<h1 class="text-katalog">Каталог товаров:</h1>
			<h2 class="text-lmenu-title">“Luxury dream”</h2>
			<h3 class="text-lmenu-mintitle">территория эротического белья и <br> танцевальных костюмов</h3>
			<ul class="menu-left">
				<li><a href="">эротические комплекты</a></li>
				<li><a href="">купальники</a></li>
				<li><a href="">вечерние/клубные платья</a></li>
				<li><a href="">костюмы</a></li>
				<li><a href="">корсеты</a></li>
				<li><a href="">аксессуары</a></li>
			</ul>
			<h2 class="text-lmenu-title">“Crazy dance”</h2>
			<h3 class="text-lmenu-mintitle">одежда для танцев и спорта</h3>
			<ul class="menu-left">
				<li><a href="">джемпера, куртки, топы,</a></li>
				<li><a href="">костюмы "Cool"</a></li>
				<li><a href="">штаны, шорты, лосины</a></li>
			</ul>
			<h1 class="login-title">Вход в систему:</h1>
			<div class="form-login">
				<table cellpadding="0" cellmargin="0" border="0">
				<tbody>
				<tr>
					<td class="flogin-title">логин</td>
					<td class="flogin-form"><input type="text" class="forma" name=""/></td>
				</tr>
				<tr>
					<td class="flogin-title">пароль</td>
					<td class="flogin-form"><input type="password" class="forma" name=""/></td>
				</tr>
				</tbody>
				</table>
				<div class="vhodicon">
					<input type="submit" name="" value=""/>
				</div>
			</div>
		</div>

Примечания:
Желтый - поле в котором двигается картинка. Верхняя граница - под пунктами меню, нижняя граница - граница конца контента на страничке.
Красный - сама плавающая картинка.

 

[fill1]

**я дива укуазываеш position: absolute а также укажи для фронтального отображения z-index, и размеры, и будет он плавать)