Верстка: скролл-контент в резиновом блоке с width 100%?

Question

[Snowindy]

Добрый день!


Необходимо сделать резиновый блок со скроллом так, чтобы при любом размере окна он по ширине был равен родительскому элементу и содержал больший по размеру контент. Просмотр этого контента — с помощью скролла.




Знаю, что можно повесить js-обработчик на onResize, но я думаю есть и css-путь…


Подскажите пожалуйста как можно так сделать?

Comments

[Snowindy]

Задача решена:
— фишка была в двух вложенных дивах: родительский с overflow:hidden, а дочерний уже со скроллом.

habrahabr.ru/qa/4968/#answer_21377

Пример: lisikhinadaria.com/style

Спасибо всем :)

[homm]

О решении задачи сообщают, ставя отметку «решение» у ответа.

[Snowindy]

done

Answer 1

[Сергей Ермаков]

<div class="container">
<div class="container-content">здесь контент шириной 100500px</div>
</div>

<style type="text/css">
div.container {overflow-x:auto;overflow-y:hidden;}
div.container-content {width:100500px;}
</style>


Answer 2

[carbonariy]

overflow: scroll не подойдет?

Comments

[Snowindy]

нет

[homm]

Почему?

Answer 3

[Tvarb]

www.quirksmode.org/mobile/viewports.html

Comments

[Snowindy]

спасибо)

Answer 4

[vanxant]

Смотрите, как сделано здесь:
lisikhinadaria.com/style

Comments

[Snowindy]

Отличный пример!

[ChemAli]

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

Answer 5

[Tvarb]

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