Started reworking page layout

static/style.css

@@ -1,7 +1,12 @@
+* {
+	box-sizing: border-box;
+}
+
 body {
 	margin: 0;
 	padding: 0;
 	font-family: sans-serif;
+	overflow: clip;
 }
 
 .navbar {
@@ -27,8 +32,8 @@ body {
 
 .sidebar {
 	height: 100%;
-	width: 200px;
-	position: fixed;
+	width: 15%;
+	float: left;
 	border-right: 1px solid #AAAAAA;
 }
 
@@ -46,8 +51,17 @@ body {
 	margin-bottom: 10px;
 }
 
+.clearfix::after {
+	content: "";
+	clear: both;
+	display: table;
+}
+
 .content {
 	padding: 20px;
-	margin-left: 200px;
+	float: left;
+	width: 85%;
+	height: 100%;
 	color: #000040;
+	overflow: auto;
 }

template.tpl

@@ -10,7 +10,7 @@
 			<span class="nav-name">Jocelyn Otto</span>
 			<a href="https://jossco.de">Private page</a>
 		</header>
-		<div class="sidebar">
+		<div class="sidebar clearfix">
 			<ul class="sidemenu">
 			% echo $SIDEBAR
 			</ul>