nicht angemeldet
Hallo,
ich möchte eine Webseite erstellen, die in drei Bereiche für Titel, Navigation und den eigentlichen Inhalt unterteilt ist, wobei sich die einzelnen Bereiche stets dem jeweils zur Verfügung stehenden Platz anpassen sollen. Zur Realisierung würde ich gern CSS dafür verwenden. Das leere Grundgerüst sieht folgendermaßen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
body {
color:#000000;
background-color:#ffffff;
top:0px;
left:0px;
right:0px;
bottom:0px;
margin:0px
}
#titel {
position:absolute;
top:0px;
left:0px;
right:0px;
height:140px;
color:#000000;
background-color:#ffffff;
overflow:hidden
}
#navi {
position:absolute;
top:140px;
left:0px;
width:165px;
bottom:0px;
color:#000000;
background-color:#ebebeb;
overflow:hidden
}
#inhalt {
position:absolute;
top:140px;
left:165px;
right:0px;
bottom:0px;
color:#ffffff;
background-color:#000000;
overflow:scroll
}
</style>
</head>
<body>
<div id="titel"></div>
<div id="navi"></div>
<div id="inhalt"></div>
</body>
</html>
Opera und Firefox zeigen das gewünschte Ergebnis, nur der IE zerhackt das Layout komplett :-( Was muß ich in dem Stylesheet ändern, damit die Seite auch im IE (einigermaßen) korrekt angezeigt wird.
Vielen Dank im Voraus.
Daniel