[HTML/CSS] Как сделать непрокручиваемый фрагмент?

mist

Хочется сделать фрагмент (типа, <DIV> который бы висел на странице и не перемещался при scrolling'е, но без всяких JavaScriptов и т.п.
В одном вумном руководстве прочитал такую штуку: мол, если поставить position: fixed, то Позиция бокса вычисляется в соответствии с моделью 'absolute', но, в дополнение к этому, бокс фиксируется в соответствии с некоторой ссылкой. В случае с непрерывными носителями, бокс фиксируется относительно порта просмотра (и не перемещается при прокрутке). (А к непрерывным носителям они относят, в числе прочего, и экран).
Попробовал - и нифига, всё равно прокручивается. Есть какое-нибудь решение?

tokuchu

фреймы не помогут?

skvoria

Если фреймы по каким-либо причинам не подходят, то можешь сделать так:




<html>

<head>

<script>

function hold {

document.getElementById("d").style.top=document.body.scrollTop+100;

document.getElementById("d").style.left=document.body.scrollLeft+100;

}

</script>

</head>

<body onscroll="hold">

<div id="d" style="position:absolute;left:100;top:100;">Непрокручиваемый текст</div>

</body>

</html>

viktor954

Можно от обратного:




<table>

<tr height="5%">

 <td>

  НЕПОДВИЖНЫЙ КУСОК

 </td>

</tr>

<tr heigth="95%">

 <td width="95%" height="95%" valign=middle align=center>

  <div align=center valign=middle style="line-height: 100%; height: 97%; overflow: auto">

    <table><tr><td width=100%>

      Кусок, который должен быть подвижным

     </td></tr></table>

    </div>

 </td>

</tr>

</table>

Но, как я понял, корректно это отображается только в IE

artimon

IE не умеет position: fixed.
Если хочешь просто, то тебе сюда.
вот пример

mist

Ну вот, собственно, главное что надо было выяснить - что IE не умеет делать fixed

.
За все предложения спасибо, но хотелось именно обойтись без фреймов и скриптов.
2 : а вот с этой фигнёй я попробую покопаться, хотя там что-то очень мудрёное. Особенно запакованный скрипт (ie7-standard-p.js) меня убил - это что-то...

artimon

У меня запакованый вариант выдаёт ошибки.
Лучше пользуйся незапакованым.

Оставить комментарий