3 Divs untereinander

[killer-konner]

Hi!

Ich hab ein Problem. Und zwar ist eine Box in der später Text stehen soll in TOP,Middle und BOTTOM unterteilt. Im top Bereich ist ein bild im Hintergrund, der Middlebereich hat ein repeat-y Muster als HG (soll also beliebig viel Inhalt haben können) und der BOTTOM Bereich hat ebenfalls nur ein Bild im HG... Der Middle liegt auch schön unter dem TOP, bloß der BOTTOM bereich, der an den variablen Middle bereich anschließen sollte, ist immer auf der höhe von TOP... :(
Was mache ich falsch?

Hier einige Codeschnipsel..

<div id="CONTENT">  
	<div id="_content-box_TOP"></div>  
	<div id="_content-box_MIDDLE">HIER GEHÖRT DER CONTENT TEXT REIN!</div>  
	<div id="_content-box_BOTTOM"></div>  
</div>

#CONTENT {  
	position: absolute;  
	left: 22px;  
	top: 282px;  
	width: 982px;  
	height: auto;  
}  
  
#_content-box_TOP {  
	position: absolute;  
	width: 764px;  
	height: 47px;  
	background-image: url(/templates/n1_design2010/images/content-box_TOP.png);  
	background-repeat: no-repeat;  
	z-index:99;  
}  
  
#_content-box_MIDDLE {  
	position: absolute;  
	width: 764px;  
	height: auto;  
	top: 47px;  
	padding-left: 12px;  
	padding-top: 12px;  
	padding-right: 12px;  
	padding-bottom: 12px;  
	background-image: url(/templates/n1_design2010/images/content-box_MIDDLE.png);  
	background-repeat: repeat-y;  
}  
  
#_content-box_BOTTOM {  
	position: absolute;  
	width: 764px;  
	height: 33px;  
	background-image: url(/templates/n1_design2010/images/content-box_BOTTOM.png);  
	background-repeat: no-repeat;  
}

Dankeschön schon im Voraus..

[Gunnar Bittersmann]

@@killer-konner:

nuqneH

Was mache ich falsch?

(1) Du verwendest absolute Positionierung, ohne deren Auswirkungen verstanden zu haben.

(2) Du verwendest absolute Positionierung.

Qapla'

[apsel]

Om nah hoo pez nyeetz, killer-konner!

wie Gunnar schon sagte ...
Vielleicht hilft dieser Artikel zu position.

Matthias