c--: 2 Divs zusammen 100% hoch - erstes Div mit absoluter Höhe

Beitrag lesen

Natürlich, auch kleineren Bildschirmen, die ggf. keinen Zoom anbieten, bekommst du da sicher Probleme mit winzigen „Frames“, bei denen auch erlaubtes Scrolling die Lesbarkeit nicht mehr erhöhen kann.

Da müsste ich ggf. noch mal genauer drüber nachdenken.

Ich habe aber ein anderes Problem. Während mein Code im Feuerfuchs einwandfrei funktioniert, macht der IE wieder nicht mit. Die Werte "right" und "bottom" scheinen komplett ignoriert zu werden. Auch wird div3 in meinem neuen, scrollfähigen Codebeispiel so groß wie der Inhalt, statt sich ans Browserfenster anzupassen.

Siehe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<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>