diff --git a/css/custom.css b/css/custom.css
index 500fbea..29b73e0 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -47,13 +47,23 @@ input {
     min-width: 100px;
 }
 
-footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 10.5rem;            /* Footer height */
+html, body {
+    height: 100%;
+    margin: 0;
 }
-.footer {
-    vertical-align: top;
-    text-align: left;
-}
\ No newline at end of file
+.wrapper {
+    min-height: 100%;
+
+    /* Equal to height of footer */
+    /* But also accounting for potential margin-bottom of last child */
+    margin-bottom: -150px;
+}
+footer,
+.push {
+    height: 150px;
+}
+
+/*.footer {*/
+/*    vertical-align: top;*/
+/*    text-align: left;*/
+/*}*/
\ No newline at end of file
diff --git a/index.html b/index.html
index fb5257c..b9c5031 100644
--- a/index.html
+++ b/index.html
@@ -26,91 +26,92 @@
 <!--            </form>-->
 <!--        </div>-->
 <!--    </nav>-->
-        <section>
-            <div class="container">
-                <h1>Genderwatch-protocol</h1>
-                <a href="dataCollector/dataCollector.php">Alle Daten herunterladen (anonymisiert)</a>
-                <h2>Aktuelles Thema</h2>
-                <table class="table-bordered">
-                    <tr>
-                        <td colspan="2">
-                            <div class="form-group">
-                                <input class="form-control" type="text" id="topicInput" placeholder="Thema hier eingeben">
-                            </div>
-                        </td>
-                        <td>
-                            <button class="" onclick="closeTopic()">
-                                Thema abschliessen
-                            </button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <th>
-                            M
-                        </th>
-                        <th>
-                            W
-                        </th>
-                        <th>
-                            D
-                        </th>
-                    </tr>
-                    
-                    <tr>
-                        <td id="time-0">
-                            0
-                        </td>
-                        <td id="time-1">
-                            0
-                        </td>
-                        <td id="time-2">
-                            0
-                        </td>
-                    </tr>
-                    <tr>
-                        <td id="count-0">
-                            0
-                        </td>
-                        <td id="count-1">
-                            0
-                        </td>
-                        <td id="count-2">
-                            0
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button class="" onclick="start(0)">Beginnt zu Reden</button>
-                        </td>
-                        <td>
-                            <button class="" onclick="start(1)">Beginnt zu Reden</button>
-                        </td>
-                        <td>
-                            <button class="" onclick="start(2)">Beginnt zu Reden</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td colspan="3">
-                            <button class="stopButton" onclick="stop()">Hört auf zu Reden, -> Stille</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td colspan="3">
-                            <button class="resetButton" onclick="resetButton()">Reset</button>
-                        </td>
-                    </tr>
-                </table>
-            
+        <div class="wrapper">
+            <section>
+                <div class="container">
+                    <h1>Genderwatch-protocol</h1>
+                    <a href="dataCollector/dataCollector.php">Alle Daten herunterladen (anonymisiert)</a>
+                    <h2>Aktuelles Thema</h2>
+                    <table class="table-bordered">
+                        <tr>
+                            <td colspan="2">
+                                <div class="form-group">
+                                    <input class="form-control" type="text" id="topicInput" placeholder="Thema hier eingeben">
+                                </div>
+                            </td>
+                            <td>
+                                <button class="" onclick="closeTopic()">
+                                    Thema abschliessen
+                                </button>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>
+                                M
+                            </th>
+                            <th>
+                                W
+                            </th>
+                            <th>
+                                D
+                            </th>
+                        </tr>
 
-            </div>
+                        <tr>
+                            <td id="time-0">
+                                0
+                            </td>
+                            <td id="time-1">
+                                0
+                            </td>
+                            <td id="time-2">
+                                0
+                            </td>
+                        </tr>
+                        <tr>
+                            <td id="count-0">
+                                0
+                            </td>
+                            <td id="count-1">
+                                0
+                            </td>
+                            <td id="count-2">
+                                0
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <button class="" onclick="start(0)">Beginnt zu Reden</button>
+                            </td>
+                            <td>
+                                <button class="" onclick="start(1)">Beginnt zu Reden</button>
+                            </td>
+                            <td>
+                                <button class="" onclick="start(2)">Beginnt zu Reden</button>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td colspan="3">
+                                <button class="stopButton" onclick="stop()">Hört auf zu Reden, -> Stille</button>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td colspan="3">
+                                <button class="resetButton" onclick="resetButton()">Reset</button>
+                            </td>
+                        </tr>
+                    </table>
 
-            <div class="container">
-        
-        
-                <H2>Abgeschlossene Themen</H2>
-                <button class="" onclick="buttonDeleteAllClosedTopics()">alle Löschen</button>
-                <table class="table-bordered">
-                    <thead>
+
+                </div>
+
+                <div class="container">
+
+
+                    <H2>Abgeschlossene Themen</H2>
+                    <button class="" onclick="buttonDeleteAllClosedTopics()">alle Löschen</button>
+                    <table class="table-bordered">
+                        <thead>
                         <tr>
                             <th class="tableHeader">
                                 Thema
@@ -125,17 +126,20 @@
                                 D
                             </th>
                         </tr>
-                    </thead>
-                    <tbody id="closedTopicsTable">
-        
-                    </tbody>
-                    
-                
-                
-                </table>
+                        </thead>
+                        <tbody id="closedTopicsTable">
+
+                        </tbody>
+
+
+
+                    </table>
+
+                </div>
+            </section>
+            <div class="push"></div>
+        </div>
 
-            </div>
-        </section>
 
         <footer class="text-center">
             <div class="container footer">