CODE:
<div id="container">
<div class="divitem">item1</div>
<div class="divitem">item2</div>
<div class="divitem">item3</div>
<div class="divitem">item4</div>
<div class="divitem">item5</div>
<div class="divitem">item6</div>
</div>
<div class="divitem">item1</div>
<div class="divitem">item2</div>
<div class="divitem">item3</div>
<div class="divitem">item4</div>
<div class="divitem">item5</div>
<div class="divitem">item6</div>
</div>
Затем делаю его ограниченным в размерах и скроллируемым только по вертикали:
CODE:
#container {
height:80px;
border:1px solid;
width:100px;
overflow-x:visible;
overflow-y:auto;
}
height:80px;
border:1px solid;
width:100px;
overflow-x:visible;
overflow-y:auto;
}
Проблема:
С помощью JQuery пытаюсь реализовать Drag элементов списка и вот что получаю в Firefox и IE6/7:
В Firefox #container при попытке перетаскивания элементов списка по горизонтали ведёт себя так, словно overflow-x:hidden, в IE6/7 - поведение соответствует ожиданиям.
Пощупать можно здесь - http://91.146.40.33/div_overflow/
Также эти файлы лежат аттачем к этому посту.
Ну а auto воспринимается правильно, подкопаться не получится... появление скролла при выходе за рамки... То что IE воспринимает его как-то по другому, не значит что это правильно...