Noel: Wieder mal height:100%; eines DIVs

Beitrag lesen

SELF-Forum

Wieder mal height:100%; eines DIVs

Noel
– Informationen zu den Bewertungsregeln

Hallo!

Es ist mir fast peinlich hier zu schreiben, ich hab ja nun schon an die zwanzig Beiträge zum Thema hier gelesen. Aber es ändert nichts, die Problematik scheint bei mir woanders zu liegen: Ich will nichts anderes als ein DIV (direktes Elternelement: body) mit der Höhe 100% zu versehen, so dass das DIV immer so hoch ist wie der Viewport des Browsers.

Soweit was ich getan habe:
(Von unrelevanten Codebestandteilen gesäubert, Sachen wie "background-color" und "background-image" oder schlicht "color" sollten für das Problem keine Rolle spielen?)

[HTML] ---------------

<body>  
<div class="test">  
	this is testtext. it should be removed soon.  
</div>  
<body>

[CSS] ---------------

  
body {  
	margin:0;  
	padding:0;  
	height:100%;  
}  
  
.test {  
	height:100%;  
	width:100px;  
	background-color:magenta;  
}

Was aber passiert ist folgendes:

Bild welches das Problem, im obigen Text beschrieben, darstellt

Mit anderen Worten: Das DIV ist "auto"-groß. Wieso?

Beste Grüße,
Noël

Beitrag melden
–
Informationen zu den Bewertungsregeln