nicht angemeldet
Jetzt hab ich nur noch das Problem, dass sich die Höhe anpassen soll, wenn man das Browserfester größer oder kleiner zieht. Gibts hierfür eine Alternative zu window.onload, die die Höhe des kleinen divs dynamisch aktualisiert?
Das ginge über das resize-Ereignis, konkret window.onresize. In dem Fall wird die Anpassung einfach erneut aufgerufen. Also registriert man die Handler-Funktion einfach für beide Ereignisse, load und resize:
window.onload = window.onresize = function () {...};
Aber du solltest auch die von ChrisB aufgezeigte reine CSS-Lösung probieren:
<!doctype html>
<style>
[code lang=css]html, body { margin: 0; padding: 0; height: 100%; }
#c { position: relative; width: 50%; height: 80%; background-color: blue; }
#a { background-color: yellow; }
#b { position: absolute; top: 200px; bottom: 0; width: 100%; background-color: red; }
</style>
<div id="c">
<div id="a">aaa</div>
<div id="b">bbb</div>
</div>[/code]
Mathias