changeset 31:b2fd20d03fb4

CSS hack to make the footer stick to the bottom
author Jordi Gutiérrez Hermoso <jordigh@gmail.com>
date Wed, 30 Jun 2010 15:48:08 -0500
parents f14aaa98306a
children 3c56be2f61fc
files static/djangodocs.css templates/base.djhtml
diffstat 2 files changed, 23 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/static/djangodocs.css	Wed Jun 30 11:19:32 2010 -0500
+++ b/static/djangodocs.css	Wed Jun 30 15:48:08 2010 -0500
@@ -1,6 +1,6 @@
 /*** setup ***/
-html { background:#EEEEEC; color: #575955;}
-body { font:16px/1.5 Verdana,sans-serif; color: white;}
+html { background:#EEEEEC; color: #575955; height: 100%;}
+body { font:16px/1.5 Verdana,sans-serif; color: white; height: 100%;}
 #header {
     background: #4877B1; color: white;
     padding: 4px 0 12px 0; text-align: left;
@@ -13,20 +13,31 @@
     background: -moz-linear-gradient(top,   #6F9DCD,  #4877B1);
 }
 
+#container {
+    min-height: 100%;
+}
+
 #header h1 a { color: #EEEEEC; margin-left: 1em}
+
 #columnwrap {
     background: #EEEEEC; color: black;
     /*background-image: url("agora-grey-large.png");*/
     background-position: bottom right;
     background-repeat: no-repeat;
-    overflow: hidden;
+    overflow: auto;
     width: 85%;
     margin: 0 auto;
+    padding-bottom: 60px;
 }
+
 #footer {
     background-color: #BABDB6; font-size:80%;
     padding-top: 0.75em; text-align:center;
-    padding-bottom: 0.75em;
+    padding-bottom: -150px;
+    position: relative;
+    clear:both;
+    height: 60px;
+    margin-top: -60px;
 }
 
 .info{
--- a/templates/base.djhtml	Wed Jun 30 11:19:32 2010 -0500
+++ b/templates/base.djhtml	Wed Jun 30 15:48:08 2010 -0500
@@ -65,16 +65,16 @@
 
     </div>
     <!-- END #content -->
-    <div id="footer">
-      <p id="copyright">
-        &copy; 1998-{% now "Y"%} 
-        <a href="http://www.gnu.org/software/octave/acknowledgments.html">
-          John W. Eaton and others</a> unless otherwise noted.
-      </p>
-    </div>
-    <!-- END #footer -->
   </div>
   <!-- END #container -->
+  <div id="footer">
+    <p id="copyright">
+      &copy; 1998-{% now "Y"%}
+      <a href="http://www.gnu.org/software/octave/acknowledgments.html">
+        John W. Eaton and others</a> unless otherwise noted.
+    </p>
+  </div>
+  <!-- END #footer -->
   </body>
 </html>