Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > CSS-Navi funzt im IE nicht - was tun?
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > CSS-Navi funzt im IE nicht - was tun?

Pages: [1]
geschrieben von Oziriz am 06.05.2005 - 15:05
Hallo zusammen,
hätte folgendes Problem, Habe eine Navi in CSS. Doch diese funzt nicht im IE (firefox z.B. schon). Könnte mir die Navi bitte jemand umschreiben damit sie auch aufn IE funzt. (kann das leider nicht )

Zitat
 <html>
<head>
<title>Index</title>

<style type="text/css">
<!--

/*Navigation*/
ul,li,a {
display:block;
margin:0;
padding:0;
border:0;
}

ul {
width:200px;
border:1px solid #9d9da1;
background:white;
list-style:none;
}

li {
position:relative;
padding:1px;
z-index:9;
}

li.folder ul {
position:absolute;
left:120px; /* IE */
top:5px;
}
li.folder>ul { left:140px; } /* others */

a {
padding:2px;
border:1px solid white;
text-decoration:none;
color:gray;
font-weight:bold;
width:100%; /* IE */
}
li>a { width:auto; } /* others */

/* regular hovers */

a:hover {
border-color:gray;
background-color:#bbb7c7;
color:black;
}
li.folder a:hover {
background-color:#bbb7c7;
}

/* hovers with specificity */

li.folder:hover { z-index:10; }

ul ul, li:hover ul ul {
display:none;
}

li:hover ul, li:hover li:hover ul {
display:block;
}

//--> </style>

</head>
<body>
<table>
<tr>

<td id="navi" style="background-color:#efefef;">
<ul id="menu">
<li><a href="#"> test1 </a></li>
<li><a href="#"> test2 </a></li>
<li class="folder">
<a href="#" class="submenu"> test3 </a>
<ul>
<li><a href="#"> 1. daf </a></li>
<li><a href="#"> 2. adf </a></li>
</ul>
</li>

<li class="folder">
<a href="#" class="submenu"> test4 </a>
<ul>
<li><a href="#"> dasf </a></li>
<li><a href="#"> daff </a></li>

</ul>
</li>

<li class="folder">
<a href="#" class="submenu"> test5</a>

<ul>
<li><a href="#"> dasf </a></li>
<li><a href="#"> adsf </a></li>

</ul>
</li>

<li><a href="#"> test6 </a></li>
</ul>
</td>

</body>
</html>


Bedanke mich hier schonmal für jede Hilfe!!!!

geschrieben von René am 06.05.2005 - 16:01
Mal ne Frage was ist das für CSS:

HTML-Quelltext
1: 
2: 
3: 

li.folder>ul { left:140px; } /* others */

li>a { width:auto; } /* others */

geschrieben von Armin am 06.05.2005 - 16:16
@Renè
http://de.selfhtml.org/css/formate/....e_elemente

geschrieben von René am 06.05.2005 - 16:24
Danke Armin!!!

Ich denke das ich dort auch die Antwort gefunden habe:

Zitat
 Beachten Sie:

Der Internet Explorer 6.0 interpretiert die Nachfahren-Selektoren > und + noch nicht.

geschrieben von Oziriz am 06.05.2005 - 16:26
naja fragt mich nicht, hab ich selbst ausm i-net gezogen und dann etwas abgeändert. Andere Möglichkeit wär auch: kennt ihr eine ähnliche Navi die auch unter IE funzt. (sollte halt eine sein die sich aufklappt).
thx


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.