Variable Breite und Höhe von Elementen

[JürgenB]

Hallo Roadster,

height: calc( 100% - 230px );   /* ...oder jede beliebige Prozentangabe... */

wie die anderen schon schrieben, sind 100% hier die Höhe des umgebenden Elements, dessen Höhe, wenn nicht explizit gesetzt, vom Inhalt abhängt.

Ich würde hier mit "vh" arbeiten, das ist die prozentuale Höhe des Browserfensters:

height: calc( 100vh - 230px );

Und älteren Browsern (IE8?) bekommen als Fallback eine gut geratene feste Höhe, also

height:800px; height: calc( 100% - 230px );

So wird bei Browsern die calc oder vh nicht kennen, die zweite Angabe ignoriert, die anderen überschreiben mit der zweiten Angabe die erste.

Gruß, Jürgen