Merge pull request #64 from proyectosdeley/footer

push footer to bottom, fixes #47
proyectosdeley · Jul 12, 2015 · 01b5b69 · 01b5b69
2 parents b62f186 + fb04aea
commit 01b5b69
Showing 1 changed file with 23 additions and 2 deletions.
diff --git a/proyectos_de_ley/pdl/templates/pdl/base.html b/proyectos_de_ley/pdl/templates/pdl/base.html
@@ -51,19 +51,38 @@
 
 
   <style type="text/css">
+    body, html {
+      height: 100%;
+    }
+
     .highlight { background-color: yellow }
     .navbar .divider-vertical {
     min-height: 50px;
     margin: 0 9px;
     border-right: 1px solid #ffffff;
     border-left: 1px solid #f2f2f2;
     }
+
+    #wrap {
+      min-height: 100%;
+      height: auto;
+      /* Negative indent footer by its height */
+      margin: 0 auto -93px;
+      /* Pad bottom by footer height */
+      padding: 0px 0 81px;
+    }
+
+    #footer {
+      padding-top: 12px;
+      height: 81px;
+    }
   </style>
     {% block additional_css %}
     {% endblock %}
 
 </head>
 <body>
+<div id="wrap">
 
     <!-- Static navbar -->
     <div class="navbar navbar-default navbar-static-top" role="navigation">
@@ -113,8 +132,9 @@
 {% endblock content %}
 
 
+</div><!-- wrap -->
 
-<footer>
+<div id="footer">
   <div class="container">
     <hr>
 
@@ -132,7 +152,7 @@
     <br />
     <br />
   </div>
-</footer>
+</div>
 
 
 <!-- Bootstrap core JavaScript
@@ -145,5 +165,6 @@
     {% block additional_javascript %}{% endblock %}
     {% block highlight_keyword %}{% endblock %}
 
+
 </body>
 </html>