diff --git a/index.php b/index.php
index 0c62aef..e2f3eb6 100755
--- a/index.php
+++ b/index.php
@@ -20,7 +20,7 @@ include_once 'filter_inputs.php';
 </head>
 
 <body>
-  <nav class="ui inverted teal menu">
+  <nav class="ui inverted teal fixed menu">
     <a class="ui teal button item" href=".">
       lan<?php include 'logo.svg'; ?>can
     </a>
diff --git a/server.php b/server.php
new file mode 100644
index 0000000..10a358e
--- /dev/null
+++ b/server.php
@@ -0,0 +1,3 @@
+<?php
+
+print_r($_SERVER);
diff --git a/style.css b/style.css
index 8815ae4..a2f4b0d 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,17 @@
+:root{
+  --nav-height: 3.6rem;
+  --footer-height: 3.6rem;
+}
+
+nav {
+  height: var(--nav-height);
+}
+
+main {
+  padding-top: var(--nav-height);
+  min-height: calc(100vh - var(--footer-height) - 1rem)
+}
+
 svg {
   margin: -0.3em -0.5em -0.5em -0.4em;
   fill: currentColor;
diff --git a/templates/lib/nav.xsl b/templates/lib/nav.xsl
index e590dfd..f35a8dc 100644
--- a/templates/lib/nav.xsl
+++ b/templates/lib/nav.xsl
@@ -12,7 +12,7 @@
         <xsl:param name="nextComparison"/>
         <xsl:param name="refreshPeriod"/>
         <xsl:param name="sudo"/>
-        <nav class="ui inverted teal menu">
+        <nav class="ui inverted teal fixed menu">
             <a class="ui teal button item" href="{$basedir}">
                 <xsl:text>lan</xsl:text>
                 <svg class="logo" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve" width="40" height="40" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs206"/><g id="g998" transform="matrix(0,0.04687491,-0.04687491,0,24,2.2682373e-5)"><g id="g147"><g id="g145"><path d="m 322.065,92.046 c -46.24,0 -83.851,37.619 -83.851,83.857 v 168.712 c 0,25.224 -21.148,45.745 -46.372,45.745 -25.224,0 -46.372,-20.521 -46.372,-45.745 V 199.464 h -38.114 v 145.151 c 0,46.24 38.246,83.859 84.486,83.859 46.24,0 84.486,-37.619 84.486,-83.859 V 175.903 c 0,-25.223 20.514,-45.743 45.737,-45.743 25.223,0 45.737,20.521 45.737,45.743 v 134.092 h 38.114 V 175.903 c 0,-46.239 -37.611,-83.857 -83.851,-83.857 z" id="path143"/></g></g><g id="g153"><g id="g151"><path d="M 144.198,0 H 108.625 C 98.101,0 89.568,8.746 89.568,19.271 c 0,1.157 0.121,2.328 0.318,3.598 h 73.052 c 0.197,-1.27 0.318,-2.441 0.318,-3.598 C 163.256,8.746 154.723,0 144.198,0 Z" id="path149"/></g></g><g id="g159"><g id="g157"><path d="m 420.183,486.591 h -71.731 c -0.626,2.541 -0.978,4.077 -0.978,6.176 0,10.525 8.532,19.234 19.057,19.234 h 35.573 c 10.525,0 19.057,-8.709 19.057,-19.234 0,-2.098 -0.352,-3.635 -0.978,-6.176 z" id="path155"/></g></g><g id="g165"><g id="g163"><rect x="87.027" y="41.925999" width="80.040001" height="138.481" id="rect161"/></g></g><g id="g171"><g id="g169"><rect x="344.93301" y="329.052" width="80.040001" height="138.481" id="rect167"/></g></g><g id="g173"></g><g id="g175"></g><g id="g177"></g><g id="g179"></g><g id="g181"></g><g id="g183"></g><g id="g185"></g><g id="g187"></g><g id="g189"></g><g id="g191"></g><g id="g193"></g><g id="g195"></g><g id="g197"></g><g id="g199"></g><g id="g201"></g></g></svg>
@@ -77,4 +77,4 @@ refreshButton.onclick = function(event) {
 }
         </script>
     </xsl:template>
-</xsl:stylesheet>
\ No newline at end of file
+</xsl:stylesheet>
