diff --git a/diu.html b/diu.html
index 9a7e6fa..c5a7d15 100644
--- a/diu.html
+++ b/diu.html
@@ -1,52 +1,8 @@
 ﻿<!DOCTYPE html>
 
-<meta name="viewport" content="width=device-width">
+<meta name="viewport" content="width=device-width,height=device-height">
 
 <style>
-    html,
-    body {
-        margin:0;
-        height:100%;
-        padding:0;
-    }
-
-    body {
-        font-family:Consolas;
-        font-size:15px;
-    }
-
-    div.wrapper {
-        min-height:100%;
-        position:relative;
-    }
-
-    div.title {
-        margin-left:auto;
-        margin-right:auto;
-        text-align:center;
-        font-weight:bold;
-        background-color:#DDDDDD;
-        padding:8px;
-    }
-
-    div.main {
-        border:0px solid transparent;
-        font-family:Consolas;
-        width:512px;
-        margin-left:auto;
-        margin-right:auto;
-    }
-
-    div.footer {
-        width:100%;
-        position:absolute;
-        bottom: 0;
-        left: 0;
-        vertical-align:middle;
-        background-color:#DDDDDD;
-        cursor:pointer;
-    }
-
     input {
         padding:4px;
         text-align:center;
@@ -98,15 +54,65 @@
         line-height:0;
     }
 
+    html,
+    body {
+        margin:0;
+        height:100%
+        padding:0;
+    }
+
+    body {
+        font-family:Consolas;
+        font-size:15px;
+    }
+
+    div.wrapper {
+        position:absolute;
+        min-height:100%;
+        min-width:512px;
+        width:100%;
+    }
+
+    div.title {
+        margin-left:auto;
+        margin-right:auto;
+        text-align:center;
+        font-weight:bold;
+        background-color:#DDDDDD;
+        padding:8px;
+    }
+
+    div.main {
+        border:0px solid transparent;
+        font-family:Consolas;
+        width:512px;
+        padding-bottom:48px;
+        margin-left:auto;
+        margin-right:auto;
+    }
+
+    div.footer {
+        position:absolute;
+        width:100%;
+        bottom: 0;
+        left: 0;
+        background-color:#DDDDDD;
+        cursor:pointer;
+        margin:0;
+    }
+
 </style>
 
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+<script src="diuJS.js"></script>
+
 <html>
 <head>
     <title>Display Info Utility</title>
 </head>
 
 
-<body style="min-width:512px;">
+<body>
 <div class="wrapper">
     <div class="main">
     <!-- MAIN START -->
@@ -202,12 +208,9 @@
     <!-- MAIN END -->
     </div> 
 
-    <div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-top:10px; padding-bottom:10px;">
+    <div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-bottom:10px; padding-top:10px;">
         <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
     </div>
 </div>
 </body>
-</html>
-
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<script src="diuJS.js"></script>
\ No newline at end of file
+</html>
\ No newline at end of file
diff --git a/docs.html b/docs.html
index a2079c6..09698cc 100644
--- a/docs.html
+++ b/docs.html
@@ -13,6 +13,8 @@
     body {
         font-family:Consolas;
         font-size:15px;
+        min-height:100%;
+        height:auto;
     }
 
     div.wrapper {
