Макет: мин-высота = 100%

[paska]

здрасте.

Такая задача:

1. двух-колоночный макет с контентом слева и сайдБаром справа

2. мин-высота макета = 100%

3. высота - определяется высотой контента или сайдБара (что выше)

4. средствами CSS (если возможно конечно)

мин-высоты знаю можно добится html,body {100%} и потом растянуть контент или обвертку контента на 100.

но тогда, если содержимого будет больше чем 100%-я высота - контент будет вылазить за пределы блока.

реально такое сделать на css?

[wildhind]

html,body { height: 100%; }
#page { min-height: 100%; }

где #page — обёртка всей страницы.

[paska]

html,body { height: 100%; }
#page { min-height: 100%; }

где #page — обёртка всей страницы.

спс, вроде что надо. попробую навесить всякого

[paska]

ан нет. не уточнил. голова кончено же нужна... и подвал тоже.

вот так (тут правда без подвала)

здесь если окно меньше #content - содержимое вылазет

если больше - фон #content не доходит до "дна".

в общем нужна резина.

Edited April 23, 2012 by paska

[Great Rash]

http://jsfiddle.net/JuncJ/

[paska]

http://jsfiddle.net/JuncJ/

при "маленьком" <section> фон не будет тянутся до футера

[Great Rash]

Да ладно...

[paska]

Да ладно...

да, но что если помимо фона у #page мне нужен еще и фон у section, который тоже должен тянутся на макс

абсолютом что ли подкладывать...

Edited April 26, 2012 by paska

[alexandr_v-vich]

paska, так растяните section на 100%…

[paska]

paska, так растяните section на 100%…

нельзя, в том то и дело

в спеках по css level 2.1 - если высота задается в процентах и высота родителя "not explicitly specified" - высота устанавливается в auto...

только c первым потомком body такое проходит как я понял.

Edited April 27, 2012 by paska