Запретить обтекающим друг друга блокам спускаться при малом экрана

[parabola]

Как запретить обтекающим друг друга блочным элементам спускаться вниз при недостаточном размере экрана.

Пример: http://jsfiddle.net/NjWqE/1/

Если уменьшить размер окна Result блоки начнут спускаться

Не могу зафиксировать их.

И еще нужно чтобы появлялся скролл если в экране видна чать этих блоков.

Спасибо!

[npofopr]

http://forum.htmlbook.ru/index.php?showtopic=45844

[iamchelovek]

как вариант - обернуть все эти элементы в один большой див и задать ему ширину.

ну а в Вашем примере можно просто задать ширину ul, например 400px.

Edited August 20, 2013 by iamchelovek

[Switch74]

а еще можно указать min-width для родителя этих плавающих блоков равный сумме их width

[parabola]

как вариант - обернуть все эти элементы в один большой див и задать ему ширину.

ну а в Вашем примере можно просто задать ширину ul, например 400px.

так работает

но оказалось, что у меня ul позиционирован абсолютно

http://jsfiddle.net/NjWqE/2/

теперь не стекают блоки, но скролла нет

тут как быть

[Switch74]

С вашим позиционированием он никогда не появится, отсчет идет с левого верхнего угла

[parabola]

у меня div 50% в нем лежит ul c absolute / right: 120px;

так что меню отодвигается от середины экрана в лево на 120px

если у ul фиксированная длина, то при маленьком окне все прячется

в другом случае без absolute / right: 120px; все налезает на другой 50% div

покажу

такая ситуяция

http://jsfiddle.net/NjWqE/4/

текст уходит скрола нет

я не понимаю всех тонкостей к сожалению

С вашим позиционированием он никогда не появится, отсчет идет с левого верхнего угла

случайно хаков нет?

Edited August 20, 2013 by parabola

[Switch74]

единственный хак делать все от левого края используйте left

а еще лучше не использовать absolute