Hi,
ja, das war's. IE7 habe ich zwar gerade nicht am Laufen, aber der IE8 macht's jetzt einwandfrei (siehe Code). War mein Doctype falsch, oder nur ungenau?
Aber wie ich das im IE6 zum Laufen bringen soll, weiß ich nicht. Welche CSS-Hacks meinst du? Ideen?
Hier der Code mit dem "richtigen" Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1;">
<style type="text/css">
body { width:100%; height:100%; margin:0px; }
.div1 { position:absolute; left:0px; top:0px; right:0px; background-color:#FF0000; height:100px; }
.div2 { position:absolute; left:0px; top:100px; bottom:0px; width:200px; background-color:#00FF00; }
.div3 { position:absolute; left:200px; top:100px; right:0px; bottom:0px; background-color:#0000FF; color:#FFFFFF; overflow:scroll; }
</style>
</head>
<body>
<div class="div1">
oberes div - maximale breite und absolute höhe
</div>
<div class="div2">
absolute breite - soll aber die gesamte freie höhe unter div1 ausnutzen
</div>
<div class="div3">
soll genauso hoch sein wie div2
<br>
<img src="bjlijlö" alt="" style="width:50px; height:3000px;">
</div>
</body>
</html>