Hi Leute,
ich habe mir hier dieses Beispiel ( http://www.sitepoint.com/pure-css-off-s…avigation-menu/ ) angesehen und es erstmal per C&P ausprobiert. Dann habe ich es ein wenig angepasst und in meine Seite eingebunden.
HTML
<!DOCTYPE html>
<head>
<title>unfertiges Web Template von justanotherperson</title>
<link rel="stylesheet" type="text/css" href="menu.css">
</head>
<body>
<ul class="navigation">
<li class="nav-item"><a href="#">Home</a></li>
<li class="nav-item"><a href="#">Portfolio</a></li>
<li class="nav-item"><a href="#">About</a></li>
<li class="nav-item"><a href="#">Blog</a></li>
<li class="nav-item"><a href="#">Contact</a></li>
</ul>
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger"></label>
<div class="site-wrap">
Inhalt
</div>
</Body>
</html>CSS
Code
.navigation {
list-style: none;
background: #CCCCCC;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.nav-item {
background-color: #CCCCCC;
}
.site-wrap {
width: 100%;
[COLOR=#ff0000][B]height: 100%;[/B][/COLOR]
background-color: #FFFFFF;
position: relative;
top: 0;
left: 0;
z-index: 1;
padding: 0px;
margin: 0px;
background-image: linear-gradient(135deg,
rgb(254,255,255) 0%,
rgb(221,241,249) 35%,
rgb(160,216,239) 100%);
background-size: 200%;
}
.nav-trigger {
position: absolute;
clip: rect(0, 0, 0, 0);
}
label[for='nav-trigger'] {
position: fixed;
top: 15px;
left: 15px;
z-index: 2;
width: 30px;
height: 30px;
cursor: pointer;
background-image: url("hamburger-menu-ico.svg");
background-size: contain;
background-color:white;
}
.nav-trigger:checked + label {
left: 215px;
}
.nav-trigger:checked ~ .site-wrap {
left: 200px;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}
.nav-trigger + label, .site-wrap {
transition: left 0.2s;
}
body {
overflow-x: hidden;
height: 100%;
}Der rot markierte CSS Wert will einfach nicht funktionieren. Ich habe auch schon extra den Body auf 100% in der Höhe gesetzt, aber es tut sich nichts. 
Gruß
justanotherperson
Ist aber eigentlich logisch, dass der html Tag genauso wie andere Tags auch ne Höhe hat. Da habe ich dann falsch gedacht. 
Danke. Hat super geklappt. 