Henry Meisner: height: 100% und mehrer DIVS untereinander

Beitrag lesen

Hallo selfhtml Gemeinde,

ich habe ein CSS Problem, und zwar wenn ich mehrere DIVs untereinander habe, z.B.

<div id="a">
</div>

<div id="b">
</div>

<div id="c">
</div>

und dann haben das Element A und B z.B. die Heights: 100px und 200px. Wie mache ich das jetzt gescheit wenn ich Element C eine Höhe von 100% geben will. Also Element C soll die komplette Höhe der Seite von X=300 bis ganz unten einnehmen.

Wenn ich das aber so mache, dann macht Firefox zwar die Höhe auf 100% aber nimmt dann die komplette Bildschirm Höhe, und macht somit die Seite Scrollbar.

Also nochmal einfacher. Wenn ich eine Bildschirmhöhe von 768px zur verfügung habe, der obere Teil genau 300px einnimmt, dann dachte ich eigentlich das die 100% Angabe dann 468px einnimmt.

So ist es aber so, das der obere Teil 300px einnimmt, und der untere Teil trotzdem 768px, und insgesamt die Seite dann 1068px hoch ist.

Hat jemand eine Idee oder einen Ansatz? Das wäre super, denn ich bin echt schon Stunden damit beschäftigt eine gesheit Lösung zu finden.

Vielen Dank,
Henry