Помогите разобраться с шириной обертывающего слоя

[ScRiPt]

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

Никак не могу разобраться в следующей проблеме (страница, где можно это увидеть - http://script.idhost.kz/XHTML_tpl_test/index.html):

имеется слой (красного цвета), который содержит 2 других слоя:

- синий, шириной 1000px

- зеленый, шириной 100%

при уменьшении окна браузера менее чем на 1000px по логике обертывающий слой (красный) должен обернуть синий слой, ширина которого = 1000px, и при этом зеленый слой шириной должен быть 1000px.

Но на деле выходит так: ширина красного слоя = ширине видимой части окна, и, соответственно, зеленый слой = такой же величине..

Весь день проводил опыты, но неудачно..

Эффект который требуется, можно заметить в Opera или FF, если красному слою указать следующие стилевые правила: { float: left; min-width: 100%; }, но это не подходит для всех браузеров..

Edited April 16, 2010 by ScRiPt

[psywalker]

div style=" overflow: hidden;"> - Поставь главному

[ScRiPt]

div style=" overflow: hidden;"> - Поставь главному

owerflow: hidden; урежет все до ширины видимого контента.. а нужно чтобы все было не меньше ширины синего блока, причем заранее неизвестно какой ширины будет синий блок 1000px - 2000px

[psywalker]

min-width: 1000px; тада ему поставь

[ScRiPt]

min-width: 1000px; тада ему поставь

так вот дело в том, что изначально неизвестно сколько min-width будет.. возможно в этом блоке будет таблица шириной 500px, а может и все 1500px

[psywalker]

так вот дело в том, что изначально неизвестно сколько min-width будет.. возможно в этом блоке будет таблица шириной 500px, а может и все 1500px

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