Evo za ovaj footer mi je trebalo 2 minuta da napravim (uzeo sam malo tvog koda Bojane). Radi u Mozilla-i i KHTML-u (Safari), u ostalim bi trebalo da radi, ali nemam sad vremena da probam - imam pametnijih stvari.
Kôd:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
html {
height: 100%;
}
body {
min-height: 100%;
position: relative;
margin: 0;
}
* html body {
height: 100%;
}
#container {
overflow: auto;
padding-bottom: 1.2em;
}
#left {
float:left;
width:20%;
border: 1px red solid;
}
#right {
float:right;
width:20%;
border: 1px solid blue;
}
#content {
margin: 0 20%;
border: 1px solid blue;
}
#footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
* html #footer {
width: 100%;
}
</style>
<body>
<div id="container">
<div id="left">Leva kolona</div>
<div id="right">Desna kolona</div>
<div id="content">
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
</div>
</div>
<div id="footer">Footer</div>
</div>
</body>
</html>
Ima ukupno 2 haka potrebna da bi radilo u IE browserima...