From 80e769de87b4ffcca0c4a6223ded1a535ddfdfda Mon Sep 17 00:00:00 2001 From: Dominik Heidler Date: Mon, 14 Sep 2015 13:57:18 +0200 Subject: [PATCH] Remove footer css-fixed property ... but make sure that the footer still will be shown at the bottom of the page when there is no scrollbar --- public/sass/bento/footer.scss | 18 +++++++++++++----- templates/layouts/bootstrap.html.ep | 2 ++ 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/public/sass/bento/footer.scss b/public/sass/bento/footer.scss index 8cca8d8648e..dac963f6a39 100644 --- a/public/sass/bento/footer.scss +++ b/public/sass/bento/footer.scss @@ -1,10 +1,17 @@ -html { - position: relative; +html, body { + margin: 0; + padding: 0; + height: 100%; +} + +#wrapper { min-height: 100%; + position: relative; } -body { + +#wrapper > :nth-last-child(2) { /* Margin bottom by footer height */ - margin-bottom: $baseFontSize*1.5+15px; + padding-bottom: $baseFontSize*1.5+15px; } .footer { @@ -20,8 +27,9 @@ body { height: $baseFontSize*1.5+15px; background-color: $bodyBackground; - position: fixed; + position: absolute; bottom: 0; + left: 0; width: 100%; } diff --git a/templates/layouts/bootstrap.html.ep b/templates/layouts/bootstrap.html.ep index a5be0570105..410cd6a90d6 100644 --- a/templates/layouts/bootstrap.html.ep +++ b/templates/layouts/bootstrap.html.ep @@ -36,6 +36,7 @@ +