fix(body): background height

2021-03-16 12:17:11 -04:00
2 changed files with 13 additions and 1 deletions
--- a/public/css/flavour.css
+++ b/public/css/flavour.css
@ -1,12 +1,22 @@
 /* background */
+html, body, #background {
+  margin: 0;
+  height: 100%;
+}
 #background {
  background: url(../img/shirakawa.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #704214;
-  height: 100%;
+  position: relative;
  overflow: scroll;
+}
+#content {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;

  color: #fff;
  text-shadow: 1px 1px #000;
--- a/public/index.php
+++ b/public/index.php
@ -23,6 +23,7 @@
 </head>
 <body>
 <div id="background">
+<div id="content">

 <header>
  <?php echo '<h1>' . $machine->name . '</h1>
@ -55,6 +56,7 @@
  </p>';?>
 </footer>

+</div>
 </div>
 </body>
 </html>