verwende doch float, dann brauchst Du keine position-Angabe.
Hallo Danny,
habe ich gemacht.
Es ergibt sich nun folgendes Problem:
Der gelbe Balken unter der Navigation muss auch vorhanden sein. Allerdings entsteht zwischen Navigation und Contentbereich eine 3px breite Lücke. Das liegt an der Höhe, die ich dem content-div gegeben habe und tritt nur im IE auf.
Kannst Du mir da weiterhelfen? wie kann ich erreichen, dass die Fläche unter der Navigation gelb ist?
Ich könnte ins body-div auch ein Hintergrundbild einfügen, vielleicht gibt es aber eine elegantere Lösung?
Der Quellcode hat sich geändert und schaut nun folgendermassen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html><head>
<style type="text/css">
body {text-align: center;}
#body {
background-color: yellow;
text-align: left;
width: 720px;
margin: 0 auto 0 auto;
border: 1px solid red;
height: 500px;
}
#navi {
width: 180px;
background-color: green;
float: left;
}
#content {
height:100%;
background-color: white;
border:1px solid blue;
margin-left:180px;
}
</style></head>
<body>
<div id="body">
<div id="navi">
Navigation<br><br>
punkt1<br>
punkt2<br>
punkt3<br>
</div>
<div id="content">
<h1>headline</h1>
<br><br><br><br><br><br><br><br><br><br><br>
sdkfskdfslkdf
</div>
</div>
</body>
</html>