Untitled

<!DOCTYPE html>
<html>
<head lang="de">
<link rel="stylesheet" href="inc/layout.css">
<script src="inc/javascript.js"></script>
<meta charset = "UTF-8" />
<title>komix.lit</title>
<style>
.pagelist {
  background-color: deeppink;
  position: relative;
  float: right;
  width: 20%;
  height: 70%;
  overflow-y: scroll;
  margin-right: 10px;
}

.pageimg {
  position: relative;
  float: left;
  width: 100%;
  /* min-height: 500px; */
  text-align: center;
  display: flex;
  align-items: center;
}

.pageimg img {
  margin: 0 auto;
}

.pagetext {
  position: relative;
  float: left;
  margin-top: 1%;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

.pageframe {
  position: absolute;
  width: 75%;
  margin-left: 10px;
  text-align: center;
}

.comiclist {
  background-color: lightgrey;
  padding-left: 5px;
  width: 90%;
}

.floatbutt-right {
  float: right;
}

.floatbutt-left {
  float: left
}

.footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 30px;
  background-color: lightgrey;
  font-size: 12px;
  color: grey;
}

.footer span {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

.spacer {
  width: 100%;
  height: 95px;
}

.content {
  width: 100%;
  margin-bottom: -30px;
  /* Footer */
}

<div id="navbar">
<img class="logo" src="inc/logo.png" />
komix.lit
<button id="home" class="navbutt" onClick="location.href='home.php'">Home</button>
<button id="comics" class="navbutt" onClick="location.href='komix.php'">Komix</button>
<button id="login" class="navbutt" onClick="location.href='login.php'">Einloggen</button></div>
<div class="content">
<div class="spacer"></div><div class="pagelist"><ul style="list-style-type: none;"><li><a style='text-decoration: none; color: black;' href='pages.php?id=84'>Seite 1</a></li><li><a style='text-decoration: none; color: black;' href='pages.php?id=86'>Seite 2</a></li><li><a style='text-decoration: none; color: black;' href='pages.php?id=85'>Seite 3</a></li></ul></div><div class='pageframe'><div class='pageimg' style='height: 1024;'>
                        <img src='komix19_03_18_10_21_31-12.jpg'
                        alt='seite 1' style='max-width:100%'/> </div><div class='pagetext'>seite 1</div><button class='floatbutt-right' onClick="location.href='pages.php?id=86'">nächste Seite</button></div></div>
<div class="footer">
        <span>text</span>
</div>

</body>
</html>