PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%;
}
* html .wrapper { /* Für IE */
height: 100%;
}
.wrapper {
width: 95%;
min-height: 100%;
margin: 0 auto;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.top{
width:100%;
height:100px;
background-color:#0033FF;
}
.left {
width:200px;
float:left;
background-color:#00CC66;
padding: 0;
height:100%;
overflow: auto;
}
.main{
background-color:#990000;
margin-left:200px;
padding: 0;
overflow: auto;
height:100%;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="top">Raum für den Inhalt von class "top"</div>
<div class="left">
<p>Raum für den Inhalt von class "left"</p>
<p>as</p>
<p>da</p>
<p>sd</p>
<p>as</p>
<p>d</p>
<p>as</p>
<p>d</p>
<p>asd</p>
<p> </p>
</div>
<div class="main">
<p>asd</p>
<p>asd</p>
<p>sad</p>
<p>as</p>
<p>d</p>
<p>asd</p>
<p>as</p>
<p>d</p>
<p>as</p>
<p>da</p>
<p>sd</p>
<p>a</p>
<p>sd</p>
<p>as</p>
<p>d</p>
<p>as</p>
<p>d</p>
<p>asd</p>
<p>as</p>
<p>d</p>
<p> </p>
<p> </p>
<p>sd</p>
<p>a</p>
<p>sd</p>
<p>as</p>
<p>d</p>
<p>as</p>
<p>d</p>
<p>asd</p>
<p>as</p>
<p>d</p>
<p> </p>
<p> </p>
</div>
</div>
</body>
</html>Habe mir diese Seite gebastelt, leider habe ich noch nicht so viel ahnung von CSS daher habe ich dies aus mehreren Foren mir zusammen gebastelt. Jetzt habe ich aber noch folgende Probleme. Wie bekomme ich das hin, das es wirklich nur über den sichtbaren bereich geht, sprich keine Scrolen möglich ist und wenn man scolen muss, dies nur in den Divs Left und Main möglich ist. Dann habe ich noch einen kleinen abstand zwischen dem Div Left und Main, wie bekomme ich das hin, das auch dies weg ist.
