Как сделать блок simple portal плавающим ?

[Макар]

Собственно вопрос - Как сделать блок simple portal плавающим ?  Ну или тонущим вниз видимой части страницы.
Вот для примера правая колонка блоков , блок выводится на всех страницах самым последним в колонке. В блоке последние ответы. Оч. удобно иметь его на каждой странице, тогда видно где появидись новые ответы, но при длинных страницах , он естественно остается в верху, после скролинга. 

как его утопить ?

[BIOHAZARD]

div.class { position: fixed; top: 100px; right: 25px; }

только фиг угадаешь, на какой высоте его подвесить

[Макар]

а привязать к нижней границе окна ? что б не гадать

[BIOHAZARD]

а если окно маленькое? как тогда делить пространство с верхними блоками?
и как не уползти за пределы экрана?

хотя можно наверное его закрепить в нижнем правом углу, чтоб он там всегда висел, только не забудьте у блока выше него сделать margin-bottom равным высоте фиксированного блока, чтоб они никогда не перекрывались

[Serifa]

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

[Макар]

ап

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

в общем бродя по просторам необъятной родины нета натолкнулся на такую реализацию

частично что бы понятно было

в шаблоне

Код Выделить Развернуть



<div id="outer">
<div id="inner">
<div class="mybox"></div>
<div id="example4">
<img src="img/img.jpg" alt="1" />
<p><strong>Я плаваю !</strong></p>
</div>
</div>
</div>
</div>

делается этакая матрешка из блоков

CSSом задаются стили и позиции блоков

и подключается   jQuery .............

и блок example4 всегда остается на экране пока видим блок outer а если задать блоку 100% высоты то и example4 будет всегда видим ..........


ммммм...................  подробнее (несколько вариантов поведения блока + js библиотеки ) обо всем этом тут http://ruseller.com/lessons.php?rub=32&id=156

сделал тест на локальной html страничке , заработало

сейчас  ФтЫкаю    как это прикрутить к своему форуму

буду рад любым идеям и подсказкам

p.s. там еще и js старый используется а как оно все поведет себя с актуальными версиями .......... (я х.з. так как js незнаю  )