Problem mit Layertechnik...

[uliII]

Hi,

hoffentlich versteht Ihr mich:

Ich habe ein DIV über einem anderen DIV positioniert.
Der Quelltext sieht in etwa so aus:

  
<div id="banner">  
	<div id="logo">  
		<h1>ABC</h1>  
		<h2>123</h2>  
	</div>  
</div>  

Der Style dazu:

  
#banner {  
	position: relative ;  
	z-index:1;  
	width: 980px;  
	height: 240px;  
	margin: 0 auto;  
	padding: 0;  
	background-color:#000;  
}  
  
#logo {  
	position: relative;  
	z-index:99;  
	width: 980px;  
	height: 240px;  
	margin: 0 auto;  
	padding: 0;  
	top: -220px;  
}  

Funktioniert auch soweit.
Aus bestimmten Gründen (wegen CMS) kann ich das "Logo"DIV aber nicht im "Banner"DIV verschachteln.

Ich dachte das müsste auch gehen wenn das "Logo"DIV unterhalb steht:

  
<div id="banner">  
	  
</div>  
<div id="logo">  
	<h1>ABC</h1>  
	<h2>123</h2>  
</div>  

Dadurch stimmt aber die Position des "Logo"DIV nicht mehr.

Könnt Ihr mir da bitte helfen? Wieso unterscheiden sich die beiden Varianten überhaupt in der Ausgabe?

[suit]

Aus bestimmten Gründen (wegen CMS) kann ich das "Logo"DIV aber nicht im "Banner"DIV verschachteln.

Entweder du nutzt ein schlechtes CMS oder du benutzt es falsch - ggf. kann man dein Problem unter bekanntgabe des CMS lösen, ohne einen unsinnigen Workaround machen zu müssen.

Könnt Ihr mir da bitte helfen? Wieso unterscheiden sich die beiden Varianten überhaupt in der Ausgabe?

Weil sie offensichtlich anders sind?