адаптивная высота контентного блока

[vip]

Доброго дня.

 

Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой.

Можно ли это реализовать без javascript?

 

Вот здесь накидал верстку:

http://jsfiddle.net/digitalmedia/jubjbaLL/

 

 

[afdw]

http://jsfiddle.net/jubjbaLL/1/

[vip]

http://jsfiddle.net/jubjbaLL/1/

 

Не совсем то, что нужно, футер не должен уезжать за пределы экрана при большом количестве контента, а скролл должен появляться у блока content.

[afdw]

 

http://jsfiddle.net/jubjbaLL/1/

 

Не совсем то, что нужно, футер не должен уезжать за пределы экрана при большом количестве контента, а скролл должен появляться у блока content.

 

http://jsfiddle.net/jubjbaLL/2/

[vip]

Спасибо,

нашел еще одно решение

 

http://jsfiddle.net/digitalmedia/pojfa3cd/