Fix footer not being at bottom of page

This commit is contained in:
Nick Krichevsky 2020-01-09 13:55:36 -05:00
parent 8717014716
commit 841d1a20bf
3 changed files with 16 additions and 3 deletions

View file

@ -1,9 +1,15 @@
@font-face {font-family: "Krungthep"; src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot"); src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff") format("woff"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.svg#Krungthep") format("svg"); }
html {
height: 100%;
}
body {
background-color: #00BEBB;
font-family: "Krungthep";
color: #eee;
color: #eee;
position: relative;
min-height: 100%;
}
p {
@ -104,3 +110,9 @@ p {
nav {
line-height: normal !important;
}
.footer-nav {
position: absolute;
bottom: 0;
width: 100%;
}

View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-inverse " style= "margin-top: 30px">
<nav class="navbar navbar-inverse footer-nav" style= "margin-top: 30px">
<div class="container-fluid">
<div class="navbar-header">
</div>

View file

@ -182,5 +182,6 @@ a {
</div>
<!-- A hack for the footer bar -->
<div style="height: 100px"></div>
{% include 'footer.html' %}