Как сделать плавающий DIV блок?

S
На сайте с 06.08.2008
Offline
130
1120

Подскажите как сделать плавающим ДИВ блок в моём конкретном случае?

Вот сайт: http://pvsz.biz.

Необходимо чтобы блок с рекламой и виджет группы были плавающими. Оставаясь в том же расположении.

Пробовал так:

<div class="span3" style="position:right;">
<br/>
<div class="tm_curved-hz-2" style="position:fixed;">
<div class="tm_text-shadow">
<legend>Контекстная реклама</legend>
--------
</div>
</div>

<!-- VK Widget -->

</div>

Блок фиксируется, но растягивается на 100%, вместе с текстом и получается не красиво.

Пробовал также java скриптом фиксировать - тоже не получилось.

Помогите, плиз!

eis
На сайте с 18.10.2008
Offline
473
eis
#1

spiderbuber, что Вы подразумеваете под "плавающий"?

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
S
На сайте с 06.08.2008
Offline
130
#2
eis:
spiderbuber, что Вы подразумеваете под "плавающий"?

Чтобы при скролировании блок оставался на виду..

eis
На сайте с 18.10.2008
Offline
473
eis
#3
spiderbuber:
Чтобы при скролировании блок оставался на виду..

Так это не плавающий а фиксированный.

В стилях прописать:

position: fixed;

и параметрами top: 30px; left: 30px; расположить в нужном месте

S
На сайте с 06.08.2008
Offline
130
#4
В стилях прописать:
position: fixed;

Если прочитать мой первый пост полностью, то можно понять, что эта попытка не увенчалась успехом.

Brand from Amber
На сайте с 18.08.2007
Offline
293
#5

spiderbuber, дивы "tm_curved-hz-2" и "vk_groups" нужно обернуть ещё одним дивом и задать ему стили: width: 280px; position: fixed;.

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

Лучший способ понять что-то самому - объяснить это другому.
S3
На сайте с 29.03.2012
Online
367
#6

У вас наследуются свойства от "tm_curved-hz-2" и "vk_groups". Вынесите нужныйвам див из них и задайте фиксацию, а скрипто - что показывался после прокуртки экрана, например или по любому нужному вам условию

S
На сайте с 06.08.2008
Offline
130
#7

Если вынести див за конструкцию так:


<div style="width: 280px; position:fixed;">
<div class="span3">
<br/>
<div class="tm_curved-hz-2">
<div class="tm_text-shadow">
<legend>Контекстная реклама</legend>
---
</div>
</div>

<!-- VK Widget -->


</div>
</div>

То блок уезжает в левый угол, становится узким (т.е. параметр width на него вообще не действует) и ползает поверх основной странице..

А если внести внутрь: <div class="span3">, то нижний виджет съедается при скролировании вниз.. И задавать фиксированную ширину не хотелось бы, т.к. на планшете этот блок просто не будет отображаться..

S
На сайте с 06.08.2008
Offline
130
#8

Больше нет версий?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий