nicht angemeldet
Height: 100% Strict
0 
MudGuard
0 0 0 MudGuard
0 
Der Martin
Height: 100% Strict
Gunnar BittersmannGuten Morgen,
bei der css Angabe "height: 100%;" erhalte ich im Beispiel
unten ein sich über die ganze Browserhöhe erstreckendes grünes
div-Element. (Quirks-Modus)
Das funktioniert aber nicht im Strict Modus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT //EN">.
Wie kann man hier ein Element über die nganze Höhe des umschließenden
Elementes erzeugen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT //EN">
<html>
<head>
</head>
<body>
<div style="height: 100%; width: 100px; background: green;">
</div>
</body>
</html>
Vielen Dank!
-
Hi,
bei der css Angabe "height: 100%;" erhalte ich im Beispiel
unten ein sich über die ganze Browserhöhe erstreckendes grünes
div-Element. (Quirks-Modus)prozentuale Höhenangaben beziehen sich auf die Höhe des Vorfahrenelements.
Hat ein Element keine explizite Höhenangabe (also implizit height:auto) oder explizit die height:auto, gilt für eine prozentuale Höhenangabe des Kindes der Wert auto (da für das Element ja gilt: berechne Deine Höhe anhand des Inhalts).
Ausnahme: beim Wurzelelement bezieht sich die prozentuale Höhenangabe auf die Höhe des Viewport.
Setze also für alle Vorfahrenelemente eine passende (Mindest-) Höhe.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
prozentuale Höhenangaben beziehen sich auf die Höhe des Vorfahrenelements.
Hat ein Element keine explizite Höhenangabe (also implizit height:auto) oder explizit die height:auto, gilt für eine prozentuale Höhenangabe des Kindes der Wert auto (da für das Element ja gilt: berechne Deine Höhe anhand des Inhalts).
Ausnahme: beim Wurzelelement bezieht sich die prozentuale Höhenangabe auf die Höhe des Viewport.
Setze also für alle Vorfahrenelemente eine passende (Mindest-) Höhe.
So weit habe ich das verstanden, vielen Dank.
Ist es valide dem Wurzelelement eine Höhe zuzuweisen?
So funktioniert es jedenfalls:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT //EN">
<html style="height: 100%">
<head>
<style>
#a1
{
width: 100px;
height: 100%;
background: #8FB900;
}
</style>
</head>
<body style="height: 100%">
<div id="a1">
</div>
</body>
</html>Gruß
Philipp
-
Hallo!
Ist es valide dem Wurzelelement eine Höhe zuzuweisen?
Ja.
Grüße, Matze
-
Hi,
Ist es valide dem Wurzelelement eine Höhe zuzuweisen?
Ja, aber:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT //EN">
<html style="height: 100%">Nicht so, das html-Element hat kein style-Attribut.
<head>
<style>und das ist auch nicht valide, da das type-Attribut fehlt.
#a1
{
width: 100px;
height: 100%;
background: #8FB900;
}
</style>
</head>Und schon der nächste Fehler - das title-Element fehlt.
<body style="height: 100%">
Bei body bin ich mir nicht sicher, ob hier das style-Element erlaubt ist - wegen DNS-Problemen nach Firmenumzug kann ich grad nicht nachgucken.
<div id="a1">
</div>
</body>
</html>cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
@@MudGuard:
<body style="height: 100%">
Bei body bin ich mir nicht sicher, ob hier das style-Element erlaubt istDas ist es. (Was nicht heißen soll, es wäre gut, es zu nutzen!)
wegen DNS-Problemen nach Firmenumzug kann ich grad nicht nachgucken.
Huch, ich dachte, du kennst die DTDs auswendig. ;-)
Live long and prosper,
Gunnar--
Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.-
Hi,
wegen DNS-Problemen nach Firmenumzug kann ich grad nicht nachgucken.
Huch, ich dachte, du kennst die DTDs auswendig. ;-)Nicht nach wegen Firmenumzugs sehr verkürzter Nacht ...
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-
Hallo,
Ist es valide dem Wurzelelement eine Höhe zuzuweisen?
im Prinzip ja - aber bitte nicht mit Inline-Styles!
<style>
[...]
</style>Erst recht nicht, wenn du sowieso schon ein zentrales Stylesheet hast - auch wenn, wie Andreas schon anmerkte, dein Dokument an verschiedenen Stellen nicht valide ist.
Ciao,
Martin--
Wenn du beim Kochen etwas heißes Wasser übrig hast, friere es ein.
Heißes Wasser kann man immer gebrauchen.
-
-