Paste code

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Eigenschaften von Java-Applets</title>
<link href="nggr.css" rel="stylesheet" media="screen" >
</head>

<div id="header">
 <div id="logo">
    </div>
    <div id="navi">
     <ul>
         <li> Home </li>
            <li> Links </li>
            <li> Events </li>
            <li> Galerie </li>
            <li> Kontakt </li>
            <li> Impressum </li>
        </ul>
    </div>
</div>

<body>
<div id="wrapper">
 <div id="sidebarleft">
 </div>
    <div id="textbereich">
 </div>
    <div id="sidebarright">
 </div>
</div>

</body>
</html>


style.css

@charset "utf-8";
/* CSS Document */
* {
 margin: 0;
 padding: 0;
}

#wrapper {
 position: relative;
 background-color: grey; 
 padding: 20px;
 top: 120px;
}

#logo {
 position: absolute;
 left: 260px;
 width: 238px;
 height: 79px;
 background-image: url(logo.png);
}

#navi {
 position: absolute;
 top: 80px;
 right: 260px;
 padding: 10px;
}

#header {
 position: fixed;
 left: 0px;
 top:0px;
 z-index: 10;
 width: 100%;
 height: 90px;
 padding-top: 30px;
 background-color: rgba(255, 255, 255, 0.95);
 box-shadow: 0px 0px 6px rgb(102, 102, 102);
}

#sidebarleft {
 position: absolute;
 top: 0px;
 left: 0;
 width: 200px;
 background-color: none;
 padding: 10px;
 border: none;
 margin: 10px;
}

#textbereich {
 height: 1200px;
 background-color: blue;
 padding: 10px 20px;
 border: 1px solid black;
 margin: 10px;
 margin-left: 242px;
 margin-right: 242px;
}

#sidebarright {
 position: absolute;
 top: 0px;
 right: 0;
 width: 200px;
 background-color: none;
 padding: 10px;
 border: none;
 margin: 10px;
}

ul,li {
 display: inline;
 list-style-type: none;
 padding-left: 20px;
 font-size: 20px;
}