BODY не растягивается на высоту контента.

[Пирожок]

Всем добрый день! Рассказываю: у меня есть body c градиентом и белый div-блок посередине со всем контентом. Мне нужно, чтобы и градиент и блок всегда были растянуты минимум на 100% по вертикали, а дальше - если много контента. У меня они растягиваются только на высоту окна, а дальше получается неприятная картина.

Пока не появляется прокрутка, все выглядит хорошо.

Прокрутка есть, но все еще хорошо.

Прокручиваем вниз - ничего хорошего.

Вот настройки для html, body и того самого белого блока:

html {height:100%; background-color:#093d5a}
body {height:100%;}
.content {background:white; min-height:100%; width:840px; margin:0 auto;}

[Yazon_Nile]

Все должно работать!

http://jsfiddle.net/s5C8K/2/

Значит где-то налажал. Давай ссылку на страницу.

[Пирожок]

Все должно работать!

http://jsfiddle.net/s5C8K/2/

Значит где-то налажал. Давай ссылку на страницу.

Вот.

[hedgehog]

Плавающие блоки вываливаются за div.content

.content {overflow:hidden;}

А градиент... Зачем у html бекграунд?

Edited August 7, 2012 by hedgehog

[Пирожок]

Плавающие блоки вываливаются за div.content

.content {overflow:hidden;}

А градиент... Зачем у html бекграунд?

Градиент у body, у html на заливке просто цвет. Чтоб видно было.)

Черт возьми, я сделал это. Спасибо, ребята, я чувствовал вашу поддержку!