glue footer to the bottom

9 years ago · 1284f3f092
parent 362a081d68
commit 1284f3f092
4 changed files with 26 additions and 6 deletions
--- a/supporting-docs/_includes/footer.html
+++ b/supporting-docs/_includes/footer.html
@ -1 +1 @@
-  <div id="footer"><div id="footerContent">&copy 2014-2015 Matrix.org</div>
+  <div id="footer"><div id="footerContent">&copy 2014-2015 Matrix.org</div></div>
--- a/supporting-docs/_layouts/default.html
+++ b/supporting-docs/_layouts/default.html
@ -5,16 +5,16 @@

  </head>
  <body>
-  {% include nav.html %}
-    <br />
    <div class="page-content" id="page">
+      {% include nav.html %}
      <div class="wrapper" id="wrapper">
-        <div class="document_foo" id="foo">
+        <div class="document_foo" id="document">
      {{ content }}
+        </div>
      </div>
+      <div class="push"></div>
    </div>
    {% include footer.html %}
-
  </body>

 </html>
--- a/supporting-docs/css/site_overrides.css
+++ b/supporting-docs/css/site_overrides.css
@ -34,3 +34,24 @@ h1,h2,h3,h4,h5 {
    color: #333;
 }

+.page-content {
+    min-height: 100%;
+    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
+    height: 100%;
+    margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
+    padding-bottom: 0;
+    padding-top: 0;
+}
+
+.push {
+    height: 33px; 
+}
+
+#page {
+    margin-bottom: -33px;
+}
+
+#document {
+    margin-top: 10px; /* We want a little whitespace before the page content starts */
+}
+
--- a/supporting-docs/index.html
+++ b/supporting-docs/index.html
@ -11,5 +11,4 @@ layout: default
  <p>The <a href="./application_services.html" title="Application services">Application services</a> guide introduces and explains Application services, and what they can be used for.
  <p>Finally there is the <a href="./faq.html" title="FAQ">FAQ</a>, which tries to answer all your questions relating to Matrix!</p>

-
 </div>