fix footer

index.html

@@ -45,15 +45,11 @@ Für Fragen und Anmerkungen meldet euch bei: <strong>admin ( AT ) immerda.ch</st
           <p>This search allows you to easily lookup whether for a certain emailaddress there is an OpenPGP Key published in the corrsponding <a href="https://wiki.gnupg.org/WKD">Web-Key-Directory</a>. Your browser will be instructed to lookup the public key on the server of the emailaddress. This means that likely your lookup will be logged on the remote server.<br/>
 On immerda.ch users can publish their kys in our Web-Key-Directory and we do not store any access logs.
 If you have questions or remarks you can contact the immerda admin team: <strong>admin ( AT ) immerda.ch</strong> (You can get the corresponding public key by sending an empty email to <strong>admin-sendkey ( AT ) immerda.ch</strong>).</p>
+          </div>
+         <div class="push"></div>
+        <div id="footer">
+          <p>Content by: <a href="https://www.immerda.ch/">immerda.ch</a> | <a href="https://code.immerda.ch/immerda/content/wkd.immerda.ch/">Source</a>| <a href="https://code.immerda.ch/immerda/apps/wkd-frontend/">WKD-frontend</a> | <a href="https://code.immerda.ch/immerda/container-images/wkd-srv">WKD-srv</a></p>
         </div>
-     <div class="push"></div>
-   </div>
-    <div id="footer">
-      <p>Content by: <a href="https://www.immerda.ch/">immerda.ch</a> | <a href="https://code.immerda.ch/immerda/content/wkd.immerda.ch/">Source</a>| <a href="https://code.immerda.ch/immerda/apps/wkd-frontend/">WKD-frontend</a> | <a href="https://code.immerda.ch/immerda/container-images/wkd-srv">WKD-srv</a></p>
     </div>
-  
-
-
-
-
-</div></body></html>
+  </body>
+</html>

static/immerda.css

@@ -116,41 +116,6 @@ a:visited {
   border-bottom: 3px solid #FFFFFF;
 }
 
-#languages {
-  display: block;
-  padding: 70px 10px 5px 100px;
-}
-
-#languages ul {
-  margin: 0px;
-  list-style: none;
-  line-height: normal;
-}
-
-#languages li {
-  display: inline;
-}
-
-#languages a {
-  float: left;
-  margin-left: 5px;
-  text-decoration: none;
-  font-weight: bold;
-  text-transform: lowercase;
-  font-size: 1em;
-  color: #FFFFFF;
-}
-
-.translate {
-  font-weight: normal;
-}
-
-#languages a:hover, .active a {
-  border-bottom: 3px solid #FFFFFF;
-
-}
-
-
 /* Content */
 
 #topbox {
@@ -171,38 +136,6 @@ a:visited {
   line-height: 150%;
 }
 
-#techmessages {
-  clear: both;
-  float: right;
-  display: block;
-  width: 40%;
-  margin-left: 10px;
-  padding: 0 10px 10px 10px;
-  border-bottom: 1px solid #666666;
-  background-color: #222222;
-}
-
-#techmessages p {
-  line-height: 120%;
-}
-
-#techmessages h1 {
-  color: #d2d2d2;
-}
-
-#techmessages h2 {
-  color: #a6a6a6;
-}
-
-p.msginfos {
-  font-style: italic;
-}
-
-p.archivelink {
-  font-size: 20px;
-  text-align: center;
-}
-
 #content {
   padding: 0 70px 20px 70px;
   border-bottom: 1px solid #767676;
@@ -223,74 +156,26 @@ div.fronth1 {
 }
 
 
-#bottombox {
-  padding: 10px 70px;
-  margin: 0px;
-  background: #f8f9f4;
-}
-
-#bottommenu h1 {
-  font-size: 20px;
-  margin: 0px 0px 5px 0px;
+#wrapper {
+  position: relative;
+  min-height: 100vh;
 }
 
-ul.bottommenuitem {
-  margin: 0px 30px 0px 5px;
-  list-style: none;
-  padding-left: 10px;
-  border-left:1px dotted #CCCCCC;
-  float: left;
-}
-ul.bottommenuitem li {
-  font-weight: bolder;
-  font-size: 18px;
-}
-ul.bottommenuitem li li {
-  margin-top: 2px;
-  font-size: 15px;
-}
-ul.bottommenuitem ul {
-  padding-left: 15px;
-  list-style: none;
-}
-
-#friendslist {
-  float: left;
-  background-color: #222222;
-  width: 100%;
-  padding: 10px 70px;
-}
-
-#friendslist ul {
-  padding: 0px;
-  list-style: none;
-  letter-spacing: 2px;
-  float: left;
-  margin: 0px 5px 0px 5px;
-}
-
-#friendslist p {
-  margin: 0px;
-  font-size: 20px;
-  letter-spacing: 1px;
-}
-
-#friendslist li {
-  display: inline;
+#content {
+  padding-bottom: 2.5rem;    /* Footer height */
 }
 
 /* Footer */
-
 #footer {
-  clear: both;
-  width 100%;
-  padding: 5px 75px 5px 75px;
-  margin: 0 0 5px 0;
+  position: absolute;
+  height: 2.5rem;
+  width: 100%;
   background: #222222;
 }
 
 #footer p {
-  text-align: right;
+  padding-left: 5px;
+  text-align: left;
   font-size: 10px;
   color:#7F7F7F;
 }