Achim: Problem mit z-index und IE

Beitrag lesen

SELF-Forum

Problem mit z-index und IE

Achim
– Informationen zu den Bewertungsregeln

Hallo !

ich habe folgenden Quelltext eines Seitenheaders (ist ein Joomla Template)

  
<div id="header">  
  
	<div id="toptoolbar">  
		<div id="topmenubar">  
			<div id="topmenu">  
				<jdoc:include type="modules" name="topmenu" />  
			</div>  
		</div>  
	</div>  
  
	<div id="headerbar"></div>  
		  
	<div id="menubar">  
		<div class="menubar-l"></div>  
		<div class="menubar-r"></div>  
		<div class="menubar-m"></div>  
	</div>  
  
	<div id="topbanner">  
		<jdoc:include type="modules" name="topbanner" />  
	</div>  
	  
	<div id="stats">  
		<jdoc:include type="modules" name="stats" />  
	</div>  
  
</div>

Ich möchte hier den Bereich "topmenu" über den anderen positionieren, weil das ein CSS Dropdown Menü enthalten ist.

header hat z-index: 1
toptoolbar hat z-index: 30
topmenubar hat z-index: 30
topmenu hat z-index: 30
topbanner hat z-index 2
stats hat z-index 2

Das Dropdown Menü überlappt mit topbanner und stats. Alle Browser ausser IE stellen mir topmenu richtig über den beiden dar. Ich habe den Artikel

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

studiert und hoffentlich kapiert ... aber ich komm nicht dahinter. Das Elternelement von topmenu ist doch höher positioniert als z.B. das Elternelement von topbanner (also header mit z-index: 1!?

Gruss

Beitrag melden
–
Informationen zu den Bewertungsregeln