Gunther: height: 100% und mehrer DIVS untereinander

Beitrag lesen

Hallo,

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.

Was denn nun? Soll C jetzt 100% Höhe haben, oder 100% - 300px?

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.

Was dachtest du, dass 100% sind?

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.

Mit dem Denken ist das so eine Sache ;).

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.

Ja toll, nicht? Genau wie du es per CSS angegeben hast!

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.

Also entweder, du wartest darauf, dass die Browser irgendwann die CSS Calc() Eigenschaft umsetzen, oder du überlässt es schlicht und ergreifend dem Inhalt, wie hoch ein Element werden muss/ soll. (Du könntest natürlich auch noch irgendwelche JS Verenkungen anstellen.)

Gruß Gunther