Нажатие нижнего колонтитула под белым фоном div

Question

У меня есть div, называемый содержимым с белым фоном. У меня проблема, когда я получил нижний колонтитул, чтобы оставаться внизу страницы, но он находится поверх содержимого div. См. Рис. В качестве ссылки. Я хочу, чтобы он всегда находился под содержимым div, но также всегда в нижней части страницы, если он масштабируется. Прекрасный пример того, что я хочу это http://www.jquery.com «s сноска стиль

Вот демо http://www.andrewhnovak.com/test/index.html

HTML

CSS

.footer { 
    z-index: 0; 
    bottom: 0px; 
    height: 40px; 
    width: 100%; 
    background-color:red; 
} 


.whiteBox{ 
    background-color:white; 
    width:800px; 
    height:800px; 
    margin-left:auto; 
    margin-right:auto; 
    position:relative; 
    top:80px; 
    -webkit-box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43); 
-moz-box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43); 
box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43); 
margin-bottom:100px; 
z-index: 10; 
    } 

Answer 1

Внутри функции setnewcontentheight, сделать что-то вроде этого:

$("div.container:nth-child(5)").height(innerHeight - 40 - $("#footer").height()); 

(Это немного странно с п-м-ребенком, вы можете создать идентификатор или проще селектор в контейнер с белым листом.)