Сделайте быстрый поиск в Google по нижнему колонтитулу CSS, и вы найдете множество решений. Но большинство решений, похоже, работают так:
<body>
<div id="wrapper">
Main content
</div>
<div id="footer">
Footer content
</div>
</body>
и затем применение css:
body, html { height: 100% }
#wrapper { height: 100% }
#footer {
height: 150px;
margin-top: -150px;
}