Antwort
Für das bessere Verständis hier noch der Quelltext:
<html>
<body>
<div id="parent">
<div id="inhalt">
Inhaltsverzeichnis
</div>
<div id="haupt">
Hauptinhalt
<div class="clear"></div>
</div>
</body>
</html>
Und hier noch die CSS:
#parent {
width: auto;
background-color: transparent;
padding: 0;
border-top:0px;
border-bottom:0px;
margin: 0 auto;
}
#inhalt {
position:fixed;
left : 30px;
background-color:rgba(255,255,255,0.4);
width: 100px;
height:auto;
padding-bottom:50px;
padding-left:25px;
padding-right:50px;
padding-top:50px;
margin-bottom:auto;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align: left;
float: left;
}
#haupt {
background-color:rgba(255,255,255,0.4);
width:700px;
height:auto;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
padding-top:50px;
margin-bottom:auto;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align: left;
align: left;
}
.clear{ clear: both; }
Liebe Grüsse