STARTSEITE SCHULNETZWERK HOGA-Web ÖNORM GLOSSAR DOWNLOAD
Für die Höhe, genauer gesagt für die Inhaltshöhe eines Elements wird für die Maßangabe height verwendet. Beispielsweise lässt auto als Maßangabe für height ein Blockelement so hoch erscheinen wie es nötig ist.
Verwenden Sie als Wert eine Prozentangabe, so bezieht sich diese Angabe auf die Höhe des Elternelements. Hat das Elternelement keine explizite Höhenangabe, so wird die Prozentangabe durch auto ersetzt. Ab der Browsergeneration 6 wird auch eine Mindestbreite und einen Maximumbreite unterstützt. Beispielsweise Sie geben einer Box eine Höhe mit einem Prozentwert an, diese richtet sich ja an das Elternelement, dieses wiederum richtet sich nach der Fenstergröße des Browser. Mit den angaben min-height und max-height wird dafür gesorgt, dass das Element nicht kleiner und nicht größer als die angegebenen Werte werden. Dies Funktioniert auch ohne Angabe eines Prozentwertes.
Die Höhe mit height lässt sich für Block-Elemente und ersetzende Inline-Elemente anwenden. Ersetzenden Inline-Elementen wie img, input, textaera können Sie eine Höhe geben. Für nichtersetzende Inline-Elemente wie span, em können Sie keine Höhe vergeben, bzw. Sie ist unwirksam.
Die Höhe beschreibt lediglich den Inhaltsbereich (content).
Mögliche Werte sind: auto (automatische Festlegung), eine Längenangabe, eine Prozentangabe und inherit (vom Elternelement vererbt).
Anmerkung:
Möchten Sie ein Element innerhalb des <body> mit einer Höhe von 100% belegen, so geben Sie dem <body>-Tag sowie auch dem <html>-Tag eine Höhe von 100%. Machen Sie dies nicht, funktiniert es nicht in allen Browsern.