[HTML] Divs zu hoch bei 100%

[FlAsHpro]

Guten Tag,

Ich habe ein Problem mit der Höhe von Divs - und das schon seit ich versuche mich von Tabellen um zu gewöhnen .

Ich besitze in meinem HTML-Dokument zwei absolute Divs.
Das erste div hat den CSS Wert "top:0px;" und "height: 100px;".
Das zwete div hat "top: 100px;" und "height: 100%".

Das problem ist nun, dass das Div 100px über den Browserrand überschreitet.
Ich habe es bereits mit margin-bottom oder anstatt "height: 100%;" mit "bottom: 0px;" versucht. Aber nichts funktioniert zufriedenstellend .

Ich hoffe es kann mir jemand helfen .

Herzlichen Dank.

Gruss

[jahlives]

Das problem ist nun, dass das Div 100px über den Browserrand überschreitet.

Tja 100% + 100 px > 100 %

[FlAsHpro]

Nunja,

Wenn 100% + 100px möglich ist, sollte ja 100% -100px auch möglich sein.
Und somit auch 100% + 100 px = 100% - 100px .

Gibt es keine Möglichkeit einfach "nur" 100% als Höhe zu setzen? .
Vielen Dank.

Gruss

[jahlives]

Nein 100% + 100px als Höhenangabe ist nicht möglich. Nur bei zwei divs untereinander musst du deren Höhen addieren. Aber was spricht denn dagegen für den ersten div ebenfalls eine relative Angabe zu machen (z.B. 20% und 80%) ?

[FlAsHpro]

Hoi,

Nein, der erste div braucht eine Feste höhe - da es ein Bild besitzt.
Das zweite div muss genau bis zum Ende der Seite kommen.

Gibt es nicht eine Möglichkeit dazu?

Gruss

[jahlives]

Mal nach faux columns googeln

[RanzigeMilch]

bis zum ende des browserfensters oder bis zum ende des bodys?

[FlAsHpro]

Das ganze sollte bis zum ende des Bodys.
Bis zum ende des Browserfenster würde sich ja durch "bottom: 0px;" realisieren lassen.

Gruss