Можно ли без использования скриптов растянуть блок на оставшееся место на экране, если баннер не имеет фиксированного размера?

Question

[Олег]

Имеется два блока, баннер, и блок с контентом. Баннер располагается в верхней части страницы, а второй блок должен растянуться на все оставшееся место. Родительский контейнер тянется по размерам экрана. Позиционирование блоков - relative/absolute.
Для случая когда размеры баннера фиксированные, проблему можно решить так jsfiddle.net/FhJy2
Можно ли без использования скриптов растянуть второй блок на оставшееся место на экране, если баннер не имеет фиксированного размера?

Comments

[Олег]

Размер блока с контентом не должен зависеть от размеров содержимого. Блок всегда должен быть растянут на всю площадь родительского элемента исключая площадь блока с баннером.

Answer 1

[dllstar]

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

Answer 2

[Николай Васильчук]

Как-то так jsfiddle.net/FhJy2/1

Comments

[Олег]

Не совсем то что нужно, точнее я не полностью описал условие, блок должен всегда сохранять свои размеры, даже если его содержимое не помещается в эти рамки. В вашем примере блок растягивается больше отведенного места, если набить его контентом jsfiddle.net/FhJy2/2

[Николай Васильчук]

Вы совсем с CSS не дружите, да? jsfiddle.net/FhJy2/6

[Олег]

Дружу. Чтобы было понятнее что требуется, вот более наглядный пример jsfiddle.net/wcpC6 Предположим, желтая полоса - это скролл, красные точки - кнопки скроллинга вверх/вниз. Если мы набьем в блок game контента, нижняя кнопка в вашем примере уедет за пределы экрана, так как блок растянется, а высота скролла равняется 100% высоты блока. Необходимо чтобы получилось примерно так gyazo.com/910747816606bac0729cca8afa5d5705 независимо от количества набитого контента в блоке game.