Height in % für div?

Josh

Legendäres Mitglied
Hallo zusammen

Ich stehe momentan grad irgendwie am Schlauch, und weiss echt nicht, warum. ;-)

CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>untitled</title>

</head>

<body>
 <div style="height:80%;border:1px solid red;width:50%;">asdf</div>
 
</body>
</html>



Wieso spuckt dieser Code zwar ein 50% breites, aber nicht 80% hohes Div aus? Bzw. die Höhe passt sich ganz allein nur dem Inhalt an. Gebe ich die Höhe in Pixeln an, klappt es... Ich möchte die Höhe aber in % angeben können...

Danke für Hilfe,
Josh
 
Füge im Header mal

<style type="text/css">
html, body {height:100%;}
</style>

ein. Meine, dass sich eine Höhenangabe in Prozent auf die Höhenangabe der Elternelemente bezieht. Und wenn diese nicht angegeben ist, die Höhe als "auto" interpretiert wird.

Ohne Gewähr, und schon gar nicht für alle Browser
wink.gif


Gruß Duvi
 
Danke dir, sah wohl den Wald vor lauter Bäumen nicht... An Body hatte ich gedacht, aber dass diesesr die Höhe von HTML erbt leider nicht. :)
 
Zurück
Oben