div внутри div добавляются в одну линию

[tiHo]

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

float:left

но они все равно когда в экран не влазят - создают новый ряд снизу.

PS. за ранее число дивов-элементов не известно.

Спасибо.

[AMD]

Я ничего не понял, если честно.

Задай фиксированную длину контейнеру и юзай флоат лефт. Какие проблемы?

[Sensei]

так? http://jsfiddle.net/hK9w4/

[tiHo]

.column {float:left;}
.column-container {height:700px; overflow-x:scroll; width:auto; overflow-y:fixed;}

что тут не так описал?

так? http://jsfiddle.net/hK9w4/

Да Sensei, спасибо

[tiHo]

А почему последний див прилипает к низу контейнера?

.column {display: inline-block; margin:4px;}
.column-container { width:700px; white-space:nowrap; overflow: auto; padding:10px;}

Обязательно указывать высоту дива-элемента? Работает только при height:200px;

Edited December 25, 2012 by tiHo

[Justnewone]

vertical-align:top;

[tiHo]

vertical-align:top;

пробывал, не помого 0_0

[Sensei]

Должно работать

.column {
    white-space: normal;
    vertical-align: top;
}

[tiHo]

Должно работать

.column {

    white-space: normal;

    vertical-align: top;

}

Снова спас спасибо!