Added a wrapper div and CSS to make the footer stick to the bottom of the page. Docs at cssstickyfooter.com. Closes magicbug/cloudlog#135.

application/views/layout/footer.php

@@ -1,6 +1,7 @@
+</div> <!-- end wrapper -->
 	<div id="footer">
 	<a href="http://www.cloudlog.co.uk">Powered by Cloudlog</a>
 	</div>
 </body>
 
-</html>
+</html>

application/views/layout/header.php

@@ -17,6 +17,13 @@
 	<link rel="stylesheet" href="<?php echo base_url();?>css/bootcamp/bootstrap.css" type="text/css" />
 	<link rel="stylesheet" href="<?php echo base_url();?>css/main.css" type="text/css" />
 	
+	<!-- Sticky Footer IE -->
+	<!--[if !IE 7]>
+	<style type="text/css">
+		#wrap {display:table;height:100%}
+	</style>
+	<![endif]-->
+	
 	<!-- Theming Code Goes Here -->
 	
 	<!-- Icons -->
@@ -117,3 +124,4 @@
     </div>
 
 <div id="clear" class="clear"></div>
+<div id="wrap">

css/main.css

@@ -1,6 +1,13 @@
+html, body {height: 100%;}
+
+#wrap {min-height: 100%;}
+
+#main {overflow:auto; padding-bottom: 3em; /* must be same height as the footer */ }  
+	
 #container { padding-top: 50px; width: 940px; margin: 0 auto; }
 
-#footer { width: 940px; margin: 0 auto; text-align: right; }
+#footer { width: 940px; margin: -3em auto; text-align: right; position: relative; clear:both; height: 3em;
+/* margin-top must be the negative value of footer height */ }
 
 table .titles { font-weight: bold; color: #439BF6; }
 table .title { font-weight: bold; color: #439BF6; }