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

Beitrag lesen

Danke für die Antwort, exakt diese Idee hatte ich auch gerade.

Na ja, es funktioniert - ich habe ansich genau das, was ich wollte.

Aber irgendwie kommt mir die absolute Ausrichtung komisch/schlecht/unrichtig vor. Kann ich damit nicht Probleme bekommen?

Hier mein Code:

<!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; float:left; }  
  
.div3 { position:absolute; left:200px; top:100px; right:0px; bottom:0px; background-color:#0000FF; color:#FFFFFF; }  
</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  
</div>  
  
</body>  
</html>