div в оставшуюся высоту экрана

[SnowWind]

Ребята привет.

 

Делема в том, что нужно растянуть div.conteiner во всю оставшуюся от шапки div.head высоту экрана, что бы не появлялась полоса прокрутки.

 

Вот код http://jsfiddle.net/MsnWg/12/

 

Подскажите пожалуйста как можно сделать.

Edited February 28, 2014 by SnowWind

[iKNG]

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

[SnowWind]

это не то, о чём я вам говорил, вы мне дали пример, где футер прижимают к низу страницы, я не это спрашивал.

 

есть шапка 250px под ней див который нужно растянуть на оставшееся свободное место экрана см. мой пример

[Great Rash]

Just for fun - http://jsfiddle.net/MsnWg/4/

[SnowWind]

nice i'm don't know about calc()

thanx man

а без calc() есть решения?

[Switch74]

1. из вашей вертки я не вижу, что content должен увеличиваться от наполнения, т.е. все сделать можно через absolute

2. какую цель вы преследуете этим, чтобы footer был прижат к низу?

3. в jsfiddle не нужно писать теги html и body

[Great Rash]

а без calc() есть решения?

Можно и без calc() - http://jsfiddle.net/MsnWg/6/

[iKNG]

В SeaMonkey (считайте, что Firefox) вот так: http://take.ms/WVrdj

[Great Rash]

Лечится добавлением ширины для .flex.

[SnowWind]

1. из вашей вертки я не вижу, что content должен увеличиваться от наполнения, т.е. все сделать можно через absolute

2. какую цель вы преследуете этим, чтобы footer был прижат к низу?

3. в jsfiddle не нужно писать теги html и body

цель - растянуть div.conteiner в оставшееся от постоянной заданной высоты шапки пространство экрана, а футер то я уже в нём прижму абсолютом

Edited February 28, 2014 by SnowWind

[SnowWind]

вот добился результата, загнав основные блоки в абсолют - http://jsfiddle.net/MsnWg/14/

[Great Rash]

Что же вы будете делать когда текст не влезет в .content?

http://jsfiddle.net/MsnWg/15/