height:100%, keine korrekte Darstellung

[shorty]

Hallo,
ich habe mal nach meinem Problem hier in dem Forum gesucht und hab auch etwas zu dem Thema gefunden, jedoch bin ich daraus nicht wirklich schlau geworden, weil dort lediglich gesagt wurde, dass es nicht ginge. Würde den Grund gerne erfahren.

http://www.tutorials.de/forum/showthread.php?t=129727&highlight=height:+100%

zu dem Problem:
Ich habe ebenfalls einen Div-Layer, dem ich die Höhe von 100% gegeben habe. Wie in dem anderen Thread schon gesagt, beschränken sich die 100% leider nur auf die Größe des Browserfensters. Sprich, wenn ich zum Beispiel Newsbeiträge habe, die länger als dieses Browserfenster sind, so dass ich nach unten scrollen kann, wird der Layer nicht mit verlängert.
Ich verstehe hierbei dann nicht den prozentualen Wert von 100. Kann mir da jemand weiterhelfen, in dem er mir erstens erklärt, weshalb dies der Fall ist und ob es vielleicht eine andere Möglichkeit gibt, es richtig darzustellen?

Link zur betroffenen Seite:
http://www.2dswork.info/css/index.php

die verantworliche CSS-Eigenschaft:

#loginbox {

 float                           :       left;
 position                        :       absolute;

 top                             :       0px;
 left                            :       70%;
 width                           :       15%;
 height                          :       100%;

 background-color                :       #E4ECF8;

 z-index                         :       -1000;

}

Danke schonmal im Voraus.

 

[Mamphil]

Hi!

Ich finde auf der verlinkten Seite zwar keine #loginbox bzw. nur eine leere, aber egal...

Wie du schon gesagt hast: Die Prozent-Angaben orientieren sich immer am darüberliegenden Element. Bei dir ist dieses Element der Body, also das Anzeigefenster.
Du könntest entweder probieren, alle Elemente in ein DIV zu packen - vielleicht klappt's dann mit der Höhe. Da du allerdings eine absolute Positionierung versuchst, wird auch das nicht funktionieren.

Da bleibt nur noch der Umweg über JavaScript. Damit kannst du dem DIV nach dem Laden der Seite eine neue Höhe zuweisen. Das solltest du aber im JavaScript-Forum klären...

Mamphil

 

[shorty]

Ich habe mal das probiert, was du vorgeschlagen hast, in dem ich meine Div-Layer in ein ganzes gelegt habe. Das kommt dabei raus:

http://www.2dswork.info/css/index.php