Содержимое div, не заполняющее страницу, нижний колонтитул не выровнен

Question

У меня есть страница с фиксированным заголовком высоты, содержимое (средняя часть), которое должно заполнять большую часть экрана до нижнего колонтитула, и фиксированный нижний колонтитул высоты, который должен придерживаться нижней части страница:

http://jsfiddle.net/PyQed/

проблемы, которые я имею здесь:

1. Content ДИВ (#content-wrapper) не заполняя страницу, даже если я устанавливаю min-height: 100%; и height: 100%;, Ф.О. r html и body теги тоже.

2. Нижний колонтитул имеет зазор внизу, а не придерживается самого нижнего края страницы. По-видимому, элемент body не распространяется на всю высоту страницы, хотя html делает.

Я последовал совет от this page о том, как получить сноску придерживаться нижней части страницы, и это, кажется, не работает с моей конкретной установкой.

Answer 1

Что-то, как это будет делать DEMO http://jsfiddle.net/KFur6/517/

html, body { 
    height: 100%; 
} 
#divHeader { 
    width: 100%; 
    height: 150px; 
    background:blue; 
} 
#divContent { 
    min-height: 100%; 
    height: auto !important; 
    /*Cause footer to stick to bottom in IE 6*/ 
    height: 100%; 
    margin: 0 auto -30px; 
    /*Allow for footer height*/ 
    vertical-align:bottom; 
    background:yellow; 
} 

#divPush { 
    height: 30px; 
} 
#divFooter { 
    width: 100%; 
    height: 30px; 
    /*Push must be same height as Footer */ 
    bottom:0; 
    background:blue; 
}