Navigation läuft auf IE nicht !

[udo]

Hallo,

ich bin mir sicher, dieses ist "läuft auf IE nicht!" die Mio´nste.
Aber ich weiß echt nicht weiter. Möchte mich aber gerne noch mit anderen Dingen beschäftigen.

Hier der Code, den ich selber aber übernohmen habe.
Wenn ich ein zweites Untermenue aufklappen möchte, geht das unter Firefox wie dumm. Aber unter IE nur in der 1. Ebene

z.B.

Galerie
       --> Turnier
           Tabellen
           Beachen
                   --> 04.05.08
                       09.05.08
                       10.05.08

Die 3. Ebene mit den Daten wird im IE nicht mehr angezeigt.

*************************************************************************

<!--  <link href="style.css" type="text/css" rel="stylesheet" />   -->

<!-- IE Anpassung ***** -->
    <script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var LI = document.getElementById("menu").firstChild;
    do {
      if (sucheUL(LI.firstChild)) {
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
      }
      LI = LI.nextSibling;
    }
    while(LI);
  }

function sucheUL(UL) {
    do {
      if(UL) UL = UL.nextSibling;
      if(UL && UL.nodeName == "UL") return UL;
    }
    while(UL);
    return false;
  }

function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundColor = "#FFFAE6";   //  #FFFAE6
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }

window.onload=hoverIE;
}

</script>
    <!-- Ende IE Anpassung -->
 <style type="text/css">

body {
    /*  behavior:url("../htc/csshover.htc"); */
 }

* {
  font-family:arial,tahoma,verdana,helvetica;
  /* font-size:12px; */
 }

/* the menu */
     /* alle ul,li und a werden im Block angezeigt */
 ul,li,a {
  display:block;
  margin:0px;
  padding:10px;
  border:0;
 }

ul {
  width:180px;
  border:1px solid #FFFAE6;
  background:#FFFAE6;
  list-style:none;
 }

li {
  width:180px;
        position:relative;
  padding:1px;
  padding-left:26px;
  background:url("../../images/pfeilrechts.gif") no-repeat;
  z-index:9;
 }
  li.folder { background:url("../../images/pfeilunten.gif") no-repeat; }
  li.folder ul {
   position:absolute;
   left:160px; /* IE */
   top:5px;
  }
   li.folder>ul { left:140px; } /* others */

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

li a.submenu {
  background:url("../../images/ball.gif") right no-repeat;
         }

/* regular hovers */

a:hover {
  border-color:#191919;
  background-color:#FFFAE6;
  color:black;
 }
  li.folder a:hover {
   background-color:#FFFAE6;
  }

/* 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>

<ul id="menu">

<li><a href="#" target="_top"> Home </a></li>
        <br />
        <li><a href="#" target="_top"> Die Da Home </a></li>
        <br />
        <br />

<!-- Untermenue Termine -->
        <li class="folder"> <a href="#" > Termine </a>

<ul >
    <li >
     <li><a href="termineintern.php" > Termin Anmeldung</a></li>
                    <li><a href="termine2.htm" > Jahres&uuml;bersicht</a></li>
                </li>
            </ul>
         </li>
        <!-- Ende Untermenue Termine -->

<li><a href="mannschaftdiedaintern.htm" target="_top"> Mannschaft </a></li>
        <li><a href="beitraeges2.php" target="_top"> Beitr&auml;ge </a></li>
        <li><a href="beachanmeldungs1.php" target="_top"> Beach Anmeldung </a></li>

<!-- Untermenue Galerie -->
          <li class="folder"><a href="#" class="submenu"> Galerie </a>

<ul>
    <li><a href="../party2008.htm"> Turnier 2008</a></li>
                <li><a href="../archivtabelle2008.htm"> Tabellen</a></li>

<!-- 2. Untermenue Galerie (Beachen) -->
                 <li class="folder"><a href="#" class="submenu"> Beachen</a>

<ul id="test">
      <li><a href="../beachen.htm" class="submenu"> 04.05.2008 </a></li>
      <li><a href="#"> 09.05.2008 </a></li>
      <li><a href="#"> 10.05.2008 </a></li>
                    </ul>
    </li>

</ul>
          </li>
          <!-- Ende 2. Untermenue Galerie (Beachen) -->

<li><a href="cuxhaven/cuxhaven.htm" target="_top"> Cuxhaven Info`s </a></li>
  </li>

</ul>

[Gunnar Bittersmann]

@@udo:

Wenn ich ein zweites Untermenue aufklappen möchte, geht das unter Firefox wie dumm.

Ohne JavaScript (aber mit Stylesheet) geht wohl gar nichts. Das ist nicht nur „wie dumm“, sondern mehr als das.

Schau dir mal Stu Nicholls’ CSS only drop-down menu an!

Live long and prosper,
Gunnar