oneforall/index.css

@@ -9,12 +9,12 @@ h2 {
 .divtop {
 	border:1px;
 	border-bottom-style:solid;
-	display:flex;
+	width:100vw;
 	padding:5px;
 }
 
 .divsubtop {
-	/*border-bottom: 1px solid black; /* remove after testing */
+	border-bottom: 1px solid black; /* remove after testing */
 }
 
 .searchtop {
@@ -27,36 +27,24 @@ h2 {
 .buttontop2 {
 	width:7em;
 }
-#divmain {
-	border:1px solid;
-	margin:50px;
-	height:80vh;
-	display:grid;
-	grid-template-areas:
-		'header header'
-		'main main'
-		'news costs';
-	grid-template-rows: 15% 65% 20%;
+.divmain {
+	display:flex;
+	justify-content: center;
 }
 .divmaintop {
-	grid-area: header;
-	border-bottom:1px solid;
+	/* border:1px solid;  For testing purposes*/
+	height:50px;
 	text-align:center;
+	/* margin: 0 auto; Old way of centering*/
+	position:absolute;
+	left:0;
+	right:0;
 }
-.divmaincontent {
-	grid-area: main;
-	text-align:center;
-}
-.divmainnews {
-	grid-area: news;
-	border-top:1px solid;
-	border-right:1px solid;
-	text-align:center;
-}
-.divmaincosts {
-	grid-area: costs;
-	border-top:1px solid;
-	text-align:center;
+.divcontent {
+	border:1px solid;
+	position:absolute;
+	left:0;
+	right:0;
 }
 
 hr {

oneforall/index.php

@@ -22,18 +22,13 @@
 			<button type="button" class="buttontop2">Benutzer</button>
 		</div>
 
-		<div id="divmain">
+		<div class="divmain">
 			<div class="divmaintop">
 				<h2>Übersicht</h2>
+				<hr>
 			</div>
-			<div class="divmaincontent">
-				<p>Generelle Übersicht</p>
-			</div>
-			<div class="divmainnews">
-				<p>News Übersicht</p>
-			</div>
-			<div class="divmaincosts">
-				<p>Kosten Übersicht</p>
+			<div class="divcontent">
+				<p>Test</p>
 			</div>
 		</div>