diff --git a/index.php b/index.html
similarity index 95%
rename from index.php
rename to index.html
index f2866de..1cc4c5f 100644
--- a/index.php
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en_EN">
+<html lang="en-EN">
 <head>
   <meta charset="utf-8">
   <title>UAAP | Uberspace Account Administration Panel</title>
@@ -7,11 +7,11 @@
   <script src="/static/click_toggle.js" type="text/javascript"></script>
 </head>
 <body>
-  
+<div class="wrapper">
+
 <h1>Account Administration Panel</h1>
 
 <h4>You have following options:</h4>
-<
 
 <div id="gallery">  
   <p><strong>Email accounts</strong></p>
@@ -118,9 +118,13 @@
 
 </div> <!-- /gallery -->
 
-  
-<p style="font-size:small">This web application has been created by <a href="http://mehl.mx">Max Mehl</a><br />
+<div class="push"></div>
+</div> <!-- /wrapper -->
+
+<div class="footer">
+  <p style="font-size:small">This web application has been created by <a href="http://mehl.mx">Max Mehl</a><br />
 The program can be obtained on <a href="http://src.mehl.mx/uberspace-webadmin.git">Git</a> under a GPLv3+ license.</p>
-  
+</div> <!-- footer -->
+
 </body>
 </html>
diff --git a/static/style.css b/static/style.css
index 26ad46d..707c079 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,3 +1,18 @@
+* {
+  margin: 0;
+}
+html, body {
+  height: 100%;
+}
+.wrapper {
+  min-height: 100%;
+  height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
+  height: 100%;
+  margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
+}
+.footer, .push {
+  height: 155px; /* .push must be the same height as .footer */
+}
 body {
   color: #333;
   font-family: Arial,Helvetica,sans-serif;
