ChrisB: Höhe eines divs mit JavaScript anpassen

Beitrag lesen

Hi,

Ich habe ein div ("grossesdiv") mit Höhenangabe in Prozent. Darin ist unter anderem ein weiteres div ("kleinesdiv"), dass nach oben hin einen festen Abstand von 200 px hat. Die Höhe soll automatisch angepasst werden, so dass es genau mit dem grossen div abschließt. Ich bräuchte also sowas wie "height: 100% - 200px", was ja leider mit CSS nicht geht.

Die Maße eines absolut positionierten Elements aus den Angaben zweier gegenüberliegender "Koordinaten" (hier also top und bottom) herleiten zu lassen, geht in aktuellen Browsern (also nicht IE <=6) durchaus - ob das eine brauchbare Möglichkeit wäre, hängt davon ab, was du damit vorhast.

Ansonsten kannst du per JavaScript die effektive Höhe eines Elements über die offsetHeight-Eigenschaft ermitteln und über das style-Objekt dann bei einem anderen Element die Höhe wie gewünscht setzen.
Das bewirkt so ohne weiteres aber keine "Dynamik", falls sich die Elementhöhe ändert, bspw. dadurch dass der Nutzer die Schriftgrösse ändert.

MfG ChrisB

--
Light travels faster than sound - that's why most people appear bright until you hear them speak.