CSS градиентный фон на , который растягивается до 100% ширины и высоты ⇐ CSS

[Anonymous]

Поэтому мне нужен градиент, заполняющий 100 % фона веб-страницы. Для браузеров, которые не могут с этим справиться, подойдет сплошной цвет.

вот мой текущий CSS:

Код: Выделить всё

html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
background-repeat: no-repeat;
background: #afb1b4; /* Old browsers */
background: -moz-linear-gradient(top, #afb1b4 0%, #696a6d 100%) no-repeat; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afb1b4), color-stop(100%,#696a6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #afb1b4 0%,#696a6d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #afb1b4 0%,#696a6d 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #afb1b4 0%,#696a6d 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFB1B4', endColorstr='#696A6D',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #afb1b4 0%,#696a6d 100%); /* W3C */
}

Кажется, это сработало, пока на странице было мало контента, но поскольку я наполнил страницу большим количеством контента, навигации и т. д., теперь внизу появилось немного белого цвета. может быть, 100 пикселей или около того. Я делаю это неправильно? Нужно ли мне где-то компенсировать отступы?

Подробнее здесь: https://stackoverflow.com/questions/602 ... and-height