From f687096bf26aa282ee78ed9fea752f75e22fe134 Mon Sep 17 00:00:00 2001 From: OnaMosimege Date: Tue, 23 Apr 2024 11:02:55 +0200 Subject: [PATCH] Fix footer to bottom of web page --- app/static/css/styles.css | 24 +++++++++++++++++------- app/templates/base.html | 4 ++-- 2 files changed, 19 insertions(+), 9 deletions(-) diff --git a/app/static/css/styles.css b/app/static/css/styles.css index 0cd5d4c7..fae6824b 100755 --- a/app/static/css/styles.css +++ b/app/static/css/styles.css @@ -11,8 +11,24 @@ /*General*/ body { - margin: 0; padding: 0; + margin-bottom: 60px; +} + +html { + position: relative; + min-height: 100%; + padding-bottom: 60px; +} + +.footer { + color: white; + background: var(--primary); + width: 100%; + + position: absolute; + height: 60px; + bottom: 0; } .header-container { @@ -81,12 +97,6 @@ body { color: var(--primary); } -.footer { - color: white; - background: var(--primary); - width: 100%; -} - .footer > a { color: var(--primary-fg); } diff --git a/app/templates/base.html b/app/templates/base.html index b04efe35..269a86bc 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -14,7 +14,7 @@ - + {% block app_header %}
@@ -52,7 +52,7 @@
-