Как сверстать?

[VladKamyshanov]

Привет всем!

Хочу сверстать такую штуку, чтоб блоки уходили за правый край экрана) Количество блоков может быть разное и должна присутствовать прокрутка.
Прикладываю эскиз)(примерно, рисовал от руки )

Спасибо за помощь)

Присоединённое изображение

[inpost]

div с стилями: width, overflow.
Так делается родитель. Внутри каждый див-child делается с float:left, таким образом он будет тянуться в ширину дальше-дальше...

[VladKamyshanov]

Ок. Спасибо. Буду пробовать

[redreem]

inpost

непроверял в такой конфигурации, но сдается мне что флоаты не будут двигать див в ширину.

[SoMeOnE]

элемент float перейдет на новую строку если не хватит ширины родительского, если не ошибаюсь.

[netruxa]

да, float не прокатит
первое, что пришло в голову - сделать табличкой. уж она растягивает экран нормально

[Hello]

SoMeOnE
Для того чтобы не переходил на новую строку и нужен overflow

[inpost]

Я же написал про overflow для родителя. Почему вдруг float:left перейдет на новую строчку?

[VladKamyshanov]

inpost
не работает. сделал так:

Родитель:

.file-list{
	overflow: auto;
	position: absolute;
	height: 300px;
	top: 50%;
	margin-top: -25%;
	left: 3%;
}

Див - child

.file-list .item{
	float: left;
	width: 280px;
	height: 300px;
	background-color: #999;
	margin-right: 3px;
}

Блоки переносятся(

PS

Хотел спросить как можно сделать порядок блоков такой(если не сложно)

[1][3][5]
[2][4][6]

[inpost]

VladKamyshanov
Ты просишь: "скролл дайте мне", а сам прописываешь overflow: auto; Почему ты думаешь, что автоматически он выберет скролл, а не фикс?