Как укротить DIV (вопрос для каскадеров)?

[Roman Koff]

Нет у нас на форуме раздела про HTML + CSS, поэтому задаю вопрос в этот раздел.

Фигня какаято выходит с этими дивами. Есть DIV, внутри него нарисована таблица с текстом в ячейках. Таблица может сжиматься до определнного минимума (до целых слов).

При изменении ширины окна браузера до минимума DIV уменьшается игнорируя находящуюся в нем таблицу, тоесть таблица начинает вываливаться из дива.

Ктонить решал такую проблему?

[MIT]

Код: Выделить всё

overflow:hidden

[Roman Koff]

При уменьшении ширины браузера DIV должен уменьшаться до предельных размеров внутренних элементов (в моем случае - таблицы), но не меньше. Overflow:hidden - обрезает таблицу, это не подходит ...

[MIT]

Код страницы приведешь?

[ANDLL]

А в Firefox по другому?

[Roman Koff]

Проверяю в IE, Opera, FireFox. Везде результат один и тотже (соотв. это фича и должно лечиться).
Правда Safari все отработал как надо ... Странно ...
Правда 2. Safari тоже не справился, когда в таблицу добавлен INPUT.

Код: Выделить всё

Удалил. См. пример ниже ...

[Roman Koff]

Пример попроще:

Код: Выделить всё

<div style=" margin:6pt; padding:6pt; border:solid 3px #999999; background-color:#FFFFEE; ">
   <input type="text" size="50" /><br />
   Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
   totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
   explicabo.
</div>

Вобщем, если внутри дива есть какойнить элемент, сложнее текста (INPUT, TABLE и т.п.), с дивом творятся странные вещи при уменьшении ширины окна браузера

[Joo]

Код: Выделить всё

min-width: Npx;

Не ниже CSS2 и не ниже IE6(стыдно под ним еще сидеть когда есть 7 и тем более , Opera и FF лопают только так

[Roman Koff]

Min-width: Npx; не подходит. Минимальный размер не известен и при этом содержимое дива всеравно вылазит за границы дива.

Я про цитату не догнал. Это абстракция или вопрос?