Вопрос по верстке

[Riim]

<div style="width: 200px; height: 100px; background: #ff9; overflow: auto;">
<div style="height: 25px; background: #f99;"></div>
<div style="height: 25px; background: #99f;">text_text_text_text_text_text_text_text_text_text_text_text_text_text_text_text</div>
</div>

если проскроллить, то видно, что текст вываливается из синего блока. Можно ли без таблиц сделать, что бы оба внутренних дива занимали всю ширину, учитывая скролл? Ширину в px внутренним блокам устанавливать нельзя, т. к. текст разной длинны.

зы: подозреваю, что никак, но все же.

[Riim]

А если ширину эти блокам в 100% указать?

неа, первое, что я попробовал.

[Skipp]

Riim,
Уже сам проверил)
Тоже помучаюсь, если будет результат отпишусь)

[Skipp]

Riim,
float: left; к блоку с текстом, решил эту проблему)
Проверил на ie6-8, ff3.6 работает.

[Riim]

float: left; к блоку с текстом, решил эту проблему

только вот, что теперь с красным блоком делать, да и разные стили недопустимы, два внутренних блока, это для примера, а в реальности это строки и их много.

[subzey]

Ну, в принципе, два варианта, почти одинаковых.

<div style="width: 200px; height: 100px; background: #ff9; overflow: auto;">
	<div style="float: left">
		<div style="height: 25px; background: #f99;"></div>
		<div style="height: 25px; background: #99f;">text_text_text_text_text_text_text_text_text_text_text_text_text_text_text_text</div>
	</div>
</div>

<div style="width: 200px; height: 100px; background: #ff9; overflow: auto;">
	<div style="display: inline-block">
		<div style="height: 25px; background: #f99;"></div>
		<div style="height: 25px; background: #99f;">text_text_text_text_text_text_text_text_text_text_text_text_text_text_text_text</div>
	</div>
</div>

Для IE6 вместо [var]inline: block[var] ставим zoom: 1

[Riim]

Ну, в принципе, два варианта, почти одинаковых.

что-то я все-таки недопонимаю в верстке.

UPD: дошло наконец: второй див из-за float:left растягивается под текст, а внутренние дивы растягиваются под него. Красиво.