Remove footer css-fixed property

... but make sure that the footer still will be shown at the bottom of the page when there is no scrollbar
os-autoinst · Sep 14, 2015 · 80e769d · 80e769d
1 parent 26adde0
commit 80e769d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/public/sass/bento/footer.scss b/public/sass/bento/footer.scss
@@ -1,10 +1,17 @@
-html {
-  position: relative;
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+#wrapper {
   min-height: 100%;
+  position: relative;
 }
-body {
+
+#wrapper > :nth-last-child(2) {
   /* Margin bottom by footer height */
-  margin-bottom: $baseFontSize*1.5+15px;
+  padding-bottom: $baseFontSize*1.5+15px;
 }
 
 .footer {
@@ -20,8 +27,9 @@ body {
 
   height: $baseFontSize*1.5+15px;
   background-color: $bodyBackground;
-  position: fixed;
+  position: absolute;
   bottom: 0;
+  left: 0;
   width: 100%;
 }
 
diff --git a/templates/layouts/bootstrap.html.ep b/templates/layouts/bootstrap.html.ep
@@ -36,6 +36,7 @@
 
   </head>
   <body>
+    <div id="wrapper">
       <nav class='container-fluid navbar navbar-default navbar-static-top'>
 	  <div class='navbar-inner'>
 	      <div class='container'>
@@ -93,5 +94,6 @@
 	      </div>
 	  </div>
       </footer>
+    </div>
   </body>
 </html>