From: Kai Moritz Date: Sat, 21 Dec 2013 19:40:15 +0000 (+0100) Subject: Sticke Footer X-Git-Tag: thymeroot-2.0.0~158 X-Git-Url: https://juplo.de/gitweb/?p=website;a=commitdiff_plain;h=cb1712d6fad34b2c22dee226151e674288175e17 Sticke Footer --- diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp index 330b6530..c9d72f56 100644 --- a/src/main/webapp/WEB-INF/views/contact.jsp +++ b/src/main/webapp/WEB-INF/views/contact.jsp @@ -10,5 +10,6 @@
  • Home
  • Contact
  • + diff --git a/src/main/webapp/WEB-INF/views/impressum.jsp b/src/main/webapp/WEB-INF/views/impressum.jsp index cdbd978a..23a6b599 100644 --- a/src/main/webapp/WEB-INF/views/impressum.jsp +++ b/src/main/webapp/WEB-INF/views/impressum.jsp @@ -10,5 +10,6 @@
  • Home
  • Impressum
  • + diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index e99be044..434e61cd 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -2,16 +2,17 @@ body { - padding: 1em 3em 1em 5em; + padding: 0 3em 0 5em; } .content { position: relative; + padding-bottom: 7.1875em; /** 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ } .cols_2 > .content { - padding: 0 27em 0 0; + padding-right: 27em; margin-right: -24.375em; } .cols_2 > .content > .main @@ -23,7 +24,7 @@ body } .cols_1 > .content > .marginal { - margin: 3em 0; + margin-top: 3em; background-color: @heller; } .cols_2 > .content > .marginal @@ -85,16 +86,37 @@ body { overflow-y: scroll; } #page { max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px */ - position: relative; margin: 0 auto; } +/** Make the footer sticky */ +html, body +{ + height: 100%; +} +#page +{ + position: relative; + min-height: 100%; +} +#footer +{ + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + /** Faux-Column-Hack-Eigengewächs */ #page.cols_2 { max-width: 38em; /** 608px + 390px (Marginalspalte) = ca. 1000px */ border-right: 24.375em solid @heller; } +#header +{ + padding-top: 1em; +} .cols_2 > #header { margin-right: -24.375em; diff --git a/src/main/webapp/less/screen/navigation.less b/src/main/webapp/less/screen/navigation.less index 3400c246..52c2b43a 100644 --- a/src/main/webapp/less/screen/navigation.less +++ b/src/main/webapp/less/screen/navigation.less @@ -58,7 +58,7 @@ #breadcrumb { position: absolute; - top: 7.375em; + top: 8.375em; left: 6.9em; z-index: 3; }