From e7b73e1a6654a1b9778b7327140fce3315c75d92 Mon Sep 17 00:00:00 2001 From: Horus3 Date: Mon, 2 Mar 2015 22:05:16 +0100 Subject: Fix CSS error with sticky footer. --- static/css/main.css | 32 ++++++++++++++++++++------------ views/footer.html | 13 ++++--------- views/register.html | 2 +- 3 files changed, 25 insertions(+), 22 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index 327ce93..02e88be 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -35,6 +35,13 @@ color: #473835; background-color: #ebcccc; } +html { + position: relative; + min-height: 100%; +} +body { + margin-bottom: 40px; +} .delete { padding-top: 10%; } @@ -58,23 +65,15 @@ textarea { .shadow-y-2{box-shadow:0 -3px 10px rgba(0,0,0,.23),0 -3px 10px rgba(0,0,0,.16)} -.center { - position: absolute; - top: 50%; - transform: translate(0, -50%); -/* width: 100%;*/ - height: 20px; - /*padding-right: 20px;*/ -} .footer { - background-color: #009587; - border-color: #009587; - background: #009587; - color: white ; position: absolute; bottom: 0; width: 100%; height: 40px; + background-color: #009587; + border-color: #009587; + background: #009587; + color: white ; } .footer-div { padding-top: 10%; @@ -88,11 +87,20 @@ textarea { text-decoration: underline; } .admin-link { + margin-top: 0; position: absolute; bottom: 50px; color: #009587; + margin: 10px ; /* top: 100%; padding-bottom: 0; */ } +.footer > .container { + padding-left: 0; +} +.sticky-footer { + margin: 10px 0; + margin-left: 0; +} diff --git a/views/footer.html b/views/footer.html index 9979195..d717dc2 100644 --- a/views/footer.html +++ b/views/footer.html @@ -1,14 +1,9 @@ - + diff --git a/views/register.html b/views/register.html index 2ed6468..b1481fc 100644 --- a/views/register.html +++ b/views/register.html @@ -50,7 +50,7 @@
- +
-- cgit v1.2.3