Mercurial > hg > agora-dellsystem

changeset 31:b2fd20d03fb4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
+++ b/static/djangodocs.css
@@ -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
+++ b/templates/base.djhtml
@@ -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>