Hello, I'm trying to make the footer stay at the bottom using CSS, - sticky footer:
.wrapper {
margin: 0 auto;
padding: 0 0 0 0;
width: 100%;
text-align: left;
background: #F5F5FF;
}
.page .footer {
left: 0;
width: 100%;
min-width: 300px;
position: fixed;
margin-top: -150px;
}
.tfoot {
background: #3E5C92;
color: #E0E0F6;
}
.smallfont {
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
And here's the HTML of the thing:
<div class="wrapper">My stuff</div>
<div class="footer">
<div class="tfoot" align="left" style="padding:6px">
<div class="smallfont" style="float:right">
<a href="?app=about">About Extranet</a> <a href="?app=changelog">Changelog</a> </div>
<div style="color:white">
<small>Copyright © 2009 Radon Systems | Shamil Nunhuck | <?php echo($product.' | '.$version.' | '.$build); ?>
</div></div></small></div>
But it's not sticking to the bottom, at all. What's wrong with it?