height 100% у контента

[jvj]

Доброе время суток. Извиняюсь, если пишу не туда или же вообще промахнулся форумом. Верстаю изредка, столкнулся со следующей проблемой.

Имеем примитивный макет сайта - посмотреть можно здесь : http://jzap.com.ua/tmp/test.html (css - http://jzap.com.ua/tmp/test.css ). Как видно, блоку content и white даны height: 100%; однако при этом высота content, судя по всему, суммируется с высотой header и сам блок улетает вниз, появляется скроллинг.

Путем добавления распорки для удержания футера добился результата : http://jzap.com.ua/tmp/test2.html (css- http://jzap.com.ua/tmp/test2.css), однако там свободное место заполняется содержимым wrap, а мне необходимо продолжение блоков content и white, которые бы заканчивались перед footer.

Буду признателен за подсказки. Не сочтите пост за лень - перекопалось куча информации о футере и height 100%, и подходящего решения пока не нашлось. Суть в том, чтобы блок content растягивался до футера, даже если в нем мало информации.

Заранее спасибо за ответ.

[wildhind]

почему ж суммируется?

всё правильно

#wrap — 100% высоты окна

#content — 100% высоты #wrap.

но #content начинается не у начала #wrap, а после #header.

[jvj]

почему ж суммируется?

всё правильно

#wrap — 100% высоты окна

#content — 100% высоты #wrap.

но #content начинается не у начала #wrap, а после #header.

Cпасибо за разьяснение того, как считается height 100%. В принципе переносом тэга content выше тэга header получается практически искомое http://jzap.com.ua/tmp/1/test.html, ибо в этом случае 100%content начнется у начала #wrap. С точки зрения кода не совсем удобно, но мелочи