glue footer to the bottom

pull/977/head
Oddvar Lovaas 9 years ago
parent 362a081d68
commit 1284f3f092

@ -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>

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

@ -34,3 +34,24 @@ h1,h2,h3,h4,h5 {
color: #333; 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 */
}

@ -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>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> <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> </div>

Loading…
Cancel
Save