Fix page height by using min-height:100vh;

leon-vv · Oct 18, 2024 · 1081af6 · 1081af6
1 parent 07a6151
commit 1081af6
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 10 deletions.
diff --git a/docs/contact.html b/docs/contact.html
@@ -6,10 +6,9 @@
     <title>Traceon</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     <style>
-		html { height: 100%; }
 		html, body {
 			min-width:1000px;
-			min-height:100%;
+			min-height:100vh;
 			margin:0px;
 			padding: 0px;
 			background-image: linear-gradient(to top right, #CCC, #FFF)

diff --git a/docs/download.html b/docs/download.html
@@ -6,10 +6,9 @@
     <title>Traceon</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     <style>
-		html { height: 100%; }
 		html, body {
 			min-width:1000px;
-			min-height:100%;
+			min-height:100vh;
 			margin:0px;
 			padding: 0px;
 			background-image: linear-gradient(to top right, #CCC, #FFF)

diff --git a/docs/index.html b/docs/index.html
@@ -6,10 +6,9 @@
     <title>Traceon</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     <style>
-		html { height: 100%; }
 		html, body {
 			min-width:1000px;
-			min-height:100%;
+			min-height:100vh;
 			margin:0px;
 			padding: 0px;
 			background-image: linear-gradient(to top right, #CCC, #FFF)

diff --git a/docs/technology.html b/docs/technology.html
@@ -6,10 +6,9 @@
     <title>Traceon</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     <style>
-		html { height: 100%; }
 		html, body {
 			min-width:1000px;
-			min-height:100%;
+			min-height:100vh;
 			margin:0px;
 			padding: 0px;
 			background-image: linear-gradient(to top right, #CCC, #FFF)

diff --git a/docs/template-start.html b/docs/template-start.html
@@ -6,10 +6,9 @@
     <title>Traceon</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     <style>
-		html { height: 100%; }
 		html, body {
 			min-width:1000px;
-			min-height:100%;
+			min-height:100vh;
 			margin:0px;
 			padding: 0px;
 			background-image: linear-gradient(to top right, #CCC, #FFF)