Как сделать макет с шапкой нефиксированной высоты?

То, что надо, спасибо!

Как сделать макет с шапкой нефиксированной высоты?

Пробовал на JS, что-то типа $('content').style.height = "" + (document.body.scrollHeight - $('header').offsetHeight) + "px"; но высота div'a content не всегда вписывается в высоту страницы. У вас есть какие-нибудь советы по этому поводу?

Как сделать макет с шапкой нефиксированной высоты?

При такой разметке не всё содержимое видно: jsfiddle.net/uuLnbm7d/1