Helge1234: Höhe von zwei Div-Bereichen

Beitrag lesen

SELF-Forum

Höhe von zwei Div-Bereichen

Helge1234
– Informationen zu den Bewertungsregeln

Hallo,

ich hab ein Problem mit CSS.

Bitte nicht böse sein, aber ich bin ziemlicher Anfänger;-)
Ich habe schon versucht bei Google zu suchen, finde aber nichts Passendes.

Zu meinem Problem:
Ich habe einen äußeren Div-Bereich mit einer festen Breite und einer variablen Höhe.
In diesem Bereich ist ein zweiter Div-Bereich, der auch eine feste Breite hat und mittels "top:20px" 20px nach unten verschoben wurde.

Aber warum wird die Höhe des äußeren Div-Bereiches nicht daran angepasst?

Ich kann diesem auch keine feste Höhe zuweisen, weil sich der Inhalt des inneren Bereich später andern kann und die Höhe somit mitwachsen soll.

Hier mal der Code:
man sieht das die grüne Box über den roten Rahmen reicht und dieser nicht an die Verschiebung der grünen Box angepasst ist.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Index</title>  
<style type="text/css">  
.frame{  
	border: 1px solid red;  
	background-color:white;  
	position:relative;  
	width:100px;  
	height:auto;  
}  
.innen{  
	background-color:green;  
	position:relative;  
	top:20px;  
	left:0px;  
	width:30px;  
}  
</style>  
</head>  
<body>  
  
<div class="frame">  
	<div class="innen">Test<br><br>Test</div>  
</div>  
  
</body>  
  
</html>

Vielen Dank
Helge

Beitrag melden
–
Informationen zu den Bewertungsregeln