HTML+CSS+JavaScript

Доброго времени суток!

Есть такие траблы:
-------------------------------------------------------------------------
Как запретить горизонтальный скроллинг в диве?
-------------------------------------------------------------------------

div.scroolable { overflow-x: hidden; overflow-y: scroll; }

Не есть гут, так как Опера не воспринимает

overflow-x, overflow-y

-------------------------------------------------------------------------
Как обновлять содержимое Дива через определенное время?
-------------------------------------------------------------------------

Буду благодарен за помощь =)

есть еще свойство clip:rect('top', 'right', 'bottom', 'left') которое ограничивает видимую область.

Помоему это свойство работает не во всех браузерах

По-моему, тоже...:(

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

>-------------------------------------------------------------------------
>Как обновлять содержимое Дива через определенное время?
>-------------------------------------------------------------------------

На сколько я понял, то обновлять содержимое контента - это значит, что через некоторое время туды выводится что-то еще, что заранее известно? Если так, то:

Алгоритм:
=============
Присваиваете div'у id.
При наступлении события onload для дива или для body или для чего еще там.. запускаете функцию, которая содержит:

function myfunc()   { document.all['div_id'].innerHTML='на что вы там меняете'; setTimeout("myfunc()",20000); }

Можно еще передавать div или его id как параметр при вызове функции. Например:

myfunc(this);

Но тогда и функцию надо подправить:

function myfunc(myelement)   { myelement.innerHTML='на что вы там меняете'; setTimeout("myfunc(myelement)",20000); }

Хм... Буду пробовать, пасиб.

А что, если запретить прокрутку через разрешение:

<div id=d1 style="overflow:hidden;width:200px;height:200px;border:0px solid skyblue;">   <div id=d2 style="height:200px;width:200px;border:0px solid #e4e4e4;padding:0 0px;overflow:scroll"      onclick=alert(this.scrollTop);this.scrollTop+=30>     <div id=d3 style="width:100%;height:0;border:1px solid #e4e4e4;"></div>          df (first)<br>g<br>df<br>gd<br>fgdg<br>  d<br><br>g<br>d<br>g<br>d<br>g<br>d<br>g<br>d<br>fgd<br>g<br>d<br>fg<br>  <br>d<br>g<br>dg<br>d<br>fg<br>d<br>g<br>d<br>g<br>d<br>g<br>dg<br><br>  dg<br>d<br>g (last)</div> </div> <script>onload=function(){   g=function(i){return document.getElementById(i)}   //alert([g('d1').scrollHeight,g('d1').scrollWidth,g('d3').scrollWidth,g('d1').scrollHeight]);   g('d2').style.height=g('d1').scrollHeight+(g('d1').scrollWidth-g('d3').scrollWidth)+2+'px'; }</script>

Будут, конечно, результаты в стилях мелко отличаться в браузерах и в версиях Оперы, придётся подгонять. От границ и их ширины сильно зависят и по разным зависимостям в разных бр-рах. Сейчас настроено на границы в 0, но и то некроссбраузерно. ("+2" в скрипте можно понимать как ширину границы в d3, но в IE и Опере-7.54 правило нарушается - там лучше иметь +0, в то время как в FF и Опере-9 - +2.)

Еще такая трабла:

function PositionDivs()             {                 heig = document.getElementById('smiles').style.height;                 document.getElementById('posts').style.bottom = heig + 11;             }

Игнорит значение переменной heig, я чет непрально делаю, или так нельзя вообще?

document.getElementById('posts').style.bottom = heig + 11+"px";

не помогло

А ты уверен что есть такое bootom ?
Если атрибутов у стиля нет можно так:

document.getElementById('posts').style = "bottom:"+heig + 11+"px";

Есть, причем если написать так:

document.getElementById('posts').style.bottom =149;

149 = heig + 11

То все гуд,

heig игнорит...

Как подругому можно получить высоту элемента?

есть такая функция - alert(), очень удобная.

<script> heig = document.getElementById('d1').offsetHeight; alert(heig); document.getElementById('d2').style.height=heig;  alert(document.getElementById('d2').style.height); </script>

style.height возвращает строку '111px', а устанавливать вам нужно число, без px.

heig = document.getElementById('d1').offsetHeight;

Буквально минуту назад нашел тоже самое, спасибо за помощь)