Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину

[7ion]

Здравствуйте.

Такая проблема.

Имеется - резиновая верстка и надобность сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину.

Не выходит.

Обернул таблицу в div.

overflow-x: scroll; желает работать только со строго заданным width.

С max-width он тоже работает, но резиновым элемент от этого не становится.

Вот эта благодать - http://pskov.izbirkom.ru/quantity.html

table обернута в <div id="qty-table"></div> со стилем

#qty-table {
float: left;
overflow-x: scroll;
width: 600px;
-width: 600px;
}

Вопрос - как же сделать резину? Спасибо.

Edited March 14, 2012 by 7ion

[wildhind]

Что-то странное творится. На вашем же сайте файрбагом убираю float: left; width: 500px у блока, меняю overflow-x:scroll на overflow-x:auto и закономерно получаю описанный вами эффект. А как у вас?

[7ion]

Спасибо, получается div вел себя так из-за float: left.

Получается, плавающий элемент пытается занять собой как можно больше места?

Ведь если убрать width, но оставить float, то элемент уйдет вниз и развернется на всю ширину колонки.

[wildhind]

Да, плавающий элемент ведёт себя несколько иначе. Он не идёт в потоке. Он создаёт собственный контекст форматирования. Он устанавливает для себя размеры такие, чтобы вместить свой контент, если ему размеры не указаны явно. Отсюда и поведение, которое вы сочли неожиданным.