footer автоматически принимает высоту в соответствии с экраном

Question

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

В верхнем изображении футер идет вверх и пустое пространство, которое производится не good.Now я не хочу его заклинивание в нижней части я хочу его высота автоматически увеличивается от его запуска до конца док.

Мой код колонтитула DIV является

#Footer { 
background-color: #933; 
height: auto; 
width: 100%; 
font-family: "Comic Sans MS", cursive; 
font-weight: bold; 
color: #FFF; 
border-top-style: solid; 
border-top-color: #000; 

}

Answer 1

Как это

DEMO

JS

function autoResizeDiv() 
     { 
      document.getElementById('Footer').style.height = window.innerHeight +'px'; 
     } 
     window.onresize = autoResizeDiv; 
     autoResizeDiv();