diff --git a/index.html b/index.html
index e4a0d7f..2391104 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,16 @@
 <!DOCTYPE html>
 
-<meta name="viewport" content="width=device-width,height=device-height">
-
 <style>
+    html {
+      height: 100%;
+      box-sizing: border-box;
+    }
+
     body {
-        min-height:98vh;
+        positioning:relative;
         font-family:Consolas;
         font-size:14px;
+        padding-bottom: 40px;
     }
 
     div.main {
@@ -18,12 +22,24 @@
         margin-right:auto;
     }
 
+    div.footer {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        vertical-align:middle;
+        background-color:#DDDDDD;
+        vertical-align:middle;
+        cursor:pointer;
+        padding:12px;
+    }
+
     span.title {
         font-weight:bold;
     }
 
     table, tr, td {
-        padding:0px;
+        padding:4px;
         border: 0px solid transparent;
     }
 
@@ -55,8 +71,6 @@
 <title>Display Technology Information Repository and Utilities</title>
 </head>
 <body>
-<table style="height:98vh; width:100%;">
-<tr><td>
     <div class="main">
         <div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
         <table>
@@ -74,8 +88,9 @@
             </td></tr>
         </table>
     </div>
-</tr></td>
-<tr><td onclick="document.getElementById('profile_link').click();"style="background-color:#DDDDDD; height:32px; cursor:pointer; vertical-align:middle; padding-left:8px;"><a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none;">Glenwing</a></td></tr>
-</table>
+
+<div class="footer" onclick="document.getElementById('profile_link').click();">
+    <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
+</div>
 </body>
 </html>
\ No newline at end of file
