z-index vs. IE6

hinkel11

Mitglied
Hallo,

ich hab da mal wieder ein Problemchen mit der z-index-Eigenschaft im IE.
Es geht im konkreten darum, dass wenn man, auf der unten angegebenen Seite, mit der Maus im schwarzen Menü z.B. über das Wort "2. Kreisklasse" fährt, sich das Drop-Down Menü unter die weißen inputboxen schieben. Das Problem besteht nur im IE6.

Was ich bisher versucht habe:
- Der Klasse dropdivmenu_a einen z-index von 999 gegeben und sicherheitshalber mit !important abgesichert. Dann einen z-index von 1 eingetragen bei #from .inputbox.

Ergebnis: Nichts ändert sich.

- Dort wo "<form style="display: inline" ...>" steht, einfach mal ein z-index: von 1 hinzugefügt.
-> klappt auch nicht.

Wo liegt das Problem?
Fehlen evtl. irgendwelche Angaben für "position"?
Danke.

Hier die Seite:
http://www.corona-gehren.de/main/index.php?Itemid=184
 
Ok, also muss ich einen iframe einfügen. Doch verstehen tu ichs noch nicht, weil ich will doch keinen iframe auf meiner Seite haben. Ich habs mal so ausprobiert aber klappen tuts nicht. Ich weis nicht so richtig, wo der iframe hinplaziert werden muss und was in den tag alles rein soll.

Hier mal der Code von dem Menü:
Code:
<div id="colortab" class="ddcolortabs">
<ul>
<li><a href="#" rel="dropmenu1_a"><span>2. Kreisklasse</span></a></li>
<li><a href="#" rel="dropmenu2_a"><span>1. Kreisklasse</span></a></li>
<li><a href="#" rel="dropmenu3_a"><span>Kreisliga</span></a></li>
<li><a href="#" rel="dropmenu4_a"><span>Kreispokal</span></a></li>	
</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1_a" class="dropmenudiv_a">
<a href="index.php?Itemid=142">Ergebnisse & Tabelle</a>
<a href="index.php?Itemid=143">Heimtabelle</a>
<a href="index.php?Itemid=144">Auswärtstabelle</a>
<a href="index.php?Itemid=145">Saisonstatistik</a>
<a href="index.php?Itemid=146">Fieberkurve</a>
</div>

<!--2nd drop down menu -->                                                   
<div id="dropmenu2_a" class="dropmenudiv_a">
<a href="index.php?Itemid=178">Ergebnisse & Tabelle</a>
<a href="index.php?Itemid=179">Heimtabelle</a>
<a href="index.php?Itemid=180">Auswärtstabelle</a>
<a href="index.php?Itemid=181">Saisonstatistik</a>
<a href="index.php?Itemid=182">Fieberkurve</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3_a" class="dropmenudiv_a">
<a href="index.php?Itemid=183">Ergebnisse & Tabelle</a>
<a href="index.php?Itemid=184">Heimtabelle</a>
<a href="index.php?Itemid=185">Auswärtstabelle</a>
<a href="index.php?Itemid=186">Saisonstatistik</a>
<a href="index.php?Itemid=187">Fieberkurve</a>
</div>


<!--4th drop down menu -->                                                
<div id="dropmenu4_a" class="dropmenudiv_a" style="width: 150px;">
<a href="index.php?Itemid=190">Ausscheidungsrunde</a>
<a href="index.php?Itemid=189">1. Hauptrunde</a>
<a href="index.php?Itemid=193">Achtelfinale</a>
</div>


<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", 4)
</script>

Hier das mit den select-Feldern, was php codiert ist:
PHP:
return $typeselector.'<form action="'.sefRelToAbs(JL_COMPONENT_LINK."&func=showRanking&p=".$joomleague->id.JL_ITEMID_SUFFIX)
	   .'" method="post" style="display:inline">'.$divLevelSelector.$conferenceSelector.$divisionsSelector.$partselector._JL_TABLE_FROM.$fromselector._JL_TABLE_TO.$toselector
	   .'<input type="button" value="'._JL_CHANGE
	   .'" class="inputbox" onclick="this.form.action=document.getElementById(\'rankingtype\').value;this.form.submit()" />
	   <input type="hidden" name="sef" value="1" /></form>';

Wo muss ich nun genau diesen iframe einfügen - direkt hinter dem letzten </div> vom DropDown-Menü? Da hatte ich nämlich ich es nämlich eingefügt und sah den so einen hässlichen weissen Kasten - nen iframe halt.
 
Zurück