nicht angemeldet
hallo,
ich habe diverse foren nach einer lösung durchsucht, aber nix gefunden. hoffentlich kann mir hier jemand helfen. will eine website nur mit css (als frameersatz) erstellen.
vereinfacht schaut das ganze so aus:
der html-code:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="top">test</div>
<div class="menu">test</div>
<div class="main">test</div>
<div class="bottom">test</div>
</body>
</html>
das stylesheet:
div.top {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 100px;
background-color: red;
}
div.menu {
position: absolute;
left: 0px;
top: 100px;
bottom: 100px;
width: 200px;
height: auto;
background-color: blue;
}
div.main {
position: absolute;
top: 100px;
left: 200px;
bottom: 100px;
width: 600px;
height: auto;
background-color: yellow;
}
div.bottom {
position: absolute;
left: 0px;
bottom: 0px;
width: 800px;;
height: 100px;
background-color: green;
}
jetzt funktioniert das ganze mit mozilla firefox so wie gedacht - am oberen und unteren rand 2 balken fixer höhe (100px) und 2 mittlere elemente die je nach browserfensterhöhe den verfägbaren platz aufbrauchen. nur der interent explorer missachtet die "bottom"-eigenschaft, wenn schon ein "top"-abstand definiert ist, d.h. er dehnt die div-bereiche nicht aus. hat hier jemand eine lösung.
mfg
matti