Fixed footer

This commit is contained in:
Björn Dahlgren 2014-04-09 00:36:01 +02:00
parent a60d76a7ea
commit 12a9435e17
2 changed files with 27 additions and 7 deletions

View File

@ -1,4 +1,22 @@
html {
position: relative;
min-height: 100%;
}
/* Move down content because we have a fixed navbar that is 50px tall */ /* Move down content because we have a fixed navbar that is 50px tall */
body { body {
padding-top: 70px; padding-top: 70px;
margin-bottom: 60px;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
background-color: #f5f5f5;
}
#footer .container .text-muted {
margin: 20px 0;
} }

View File

@ -1,11 +1,13 @@
<div id="navigation"></div> <div id="navigation"></div>
<div class="container"> <div class="container">
<div id="content"></div> <div id="content"></div>
<footer> </div>
<p>&copy; Anrop 2014</p>
</footer> <div id="footer">
<div class="container">
</div> <p class="text-muted">Created by <a href="http://dahlgren.at" target=_blank>Björn Dahlgren</a></p>
</div>
</div>