Antworten auf deine Fragen:
Neues Thema erstellen

Navigationsproblem - IE ignoriert z-index

Tattoomaus78

nemesis-artgroup.de

Hallo Ihr Lieben,

ich bin mal wieder mit meinem Latein am Ende.

Der IE macht mal wieder nicht das was er soll.

Schaut mal bitte hier -> das Menü, FF, Opera alles hübsch IE verweigert bei Menüpunkt "Problem" den z-index :'(

Ich krieg es nicht raus woran es liegt und hoffe auf eure Hilfe.

Code:
.menu {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #A7A7A7;
float:left;
font-size:13px;
margin-left:-1000px;
margin-top:10px;
padding-bottom:80px;
width:160px;
z-index:1000;
text-align:left;
}
.menuheader {
background-color:#E3B805;
border:medium none !important;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:3px;
text-align:left;
width:154px;
padding-bottom:6px;
padding-top:6px;
}
.menu ul {
list-style-type:none;
margin:0;
padding:0;
}
* html .menu ul {
margin-left:0;
}
.menu li {
position:relative;
}
.menu table {
border-collapse:collapse;
font-size:13px;
left:0;
position:absolute;
top:0;
z-index:100;
}
.menu a, .menu a:visited {
background:transparent none repeat scroll 0 0;
border-bottom:medium none;
color:#000000;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
text-indent:5px;
width:160px;
}
* html .menu a, * html .menu a:visited {
background:#EFEFEF none repeat scroll 0 0;
}
* html .menu a:hover {
background:#5A5A5A none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
width:160px;
}
.menu :hover > a {
background:#5A5A5A none repeat scroll 0 0;
color:#FFFFFF;
width:160px;
}
.menu ul ul {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #5A5A5A;
left:99px;
position:absolute;
top:0;
visibility:hidden;
z-index:2000;
height:auto !important; 
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
width:160px;
}
.menu ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul {
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}

HTML:
 <div class="menu">
 		<div id="start">
		  <ul>
			  <li><a href="index.php">Startseite</a></li>
		  </ul>
		</div>
		<ul>
		<li>&nbsp;</li>
		<li class="menuheader">unser Angebot</li>
		<li><a href="#" >Link</a></li>
		<li><a href="#" >Link</a></li>
		<li><a href="#">Problem »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
		  <ul>
			<li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
         <li><a href="#">Problem »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
           <ul>
             <li><a href="#">Link</a></li>
                <li><a href="#">Link </a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link </a></li>
            </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li>&nbsp;</li>
        <li class="menuheader">Link</li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li>&nbsp;</li>
        <li class="menuheader">Intern</li>
        <li><a href="#">Kontakt</a></li>
        <li><a href="#">AGB</a></li>
        <li><a href="#">Impressum</a></li>
      </ul>
    </div> <!-- ende menu -->
 

Herr_D

offline

AW: Navigationsproblem - IE ignoriert z-index

Versuch mal das so umzuschreiben, dass du für den IE

.menu ul ul


auch noch irgendwie mit der Tabelle verknüpfst... du unterbrichst im Grunde die ul ul Definition durch den Einbau einer Tabelle
 

sokie

Mod | Web

AW: Navigationsproblem - IE ignoriert z-index

ich weiss nicht, ob das das auslösende Ding ist, aber die class menu hat ein z-index:1000, deine .menu table ist mit z-index:100 darunter positioniert.

edit:ist es nicht...grad getestet...
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben