fix(body): background height

main
steven 2021-03-16 11:47:45 -04:00
parent 5c6b0e9776
commit 3d49222fd3
2 changed files with 17 additions and 1 deletions

View File

@ -1,10 +1,22 @@
/* background */ /* background */
body { html, body, #background {
margin: 0;
height: 100%;
}
#background {
background: url(../img/shirakawa.jpg); background: url(../img/shirakawa.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-color: #704214; background-color: #704214;
position: relative;
overflow: scroll;
}
#content {
position: absolute;
left: 0;
top: 0;
width: 100%;
color: #fff; color: #fff;
text-shadow: 1px 1px #000; text-shadow: 1px 1px #000;

View File

@ -22,6 +22,8 @@
<link rel="stylesheet" href="css/flavour.css"> <link rel="stylesheet" href="css/flavour.css">
</head> </head>
<body> <body>
<div id="background">
<div id="content">
<header> <header>
<?php echo '<h1>' . $machine->name . '</h1> <?php echo '<h1>' . $machine->name . '</h1>
@ -54,5 +56,7 @@
</p>';?> </p>';?>
</footer> </footer>
</div>
</div>
</body> </body>
</html> </html>