CSS - Navi funzt nicht im IE

Unregistriert · 10. September 2008

hi meine Klappnavigation Funktioniert irgenwie nicht im Internet Explorer (im FF Schon)

Code

#menu {
width: 100%;
float: left;
}


#menu ul {
list-style: none;
margin: 0;
padding: 0;
height: 33px;
width: 180px;
float: left;
}


#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #0000ff #0000ff #0000ff #bbb;
margin: 0;
padding: 0px 0px;
height: 33px;
width: 180px;
}


#menu h2 {
color: #0000ff;
background-image: url(button.png);
text-transform: uppercase;
}


#menu a {
color: #0000ff;
background: #ffff00;
background-image: url(button.png);
text-decoration: none;
}


#menu a:hover {
color: #0000ff;
background: #ffff00;
background-image: url(button.png);
}


#menu li {position: relative;}


#menu ul ul {
position: absolute;
z-index: 500;
}


#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}


div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

Alles anzeigen

mit dem html Code wirds geöffnet:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>


<head>
<title>test</title>


<link rel="stylesheet" type="text/css" href="2d-nav-h.css">
</head>


<body>


<div id="menu">


<ul>
  <li><h2>Daten</h2>
    <ul>
      <li><a href="#">Schlüsselnummern</a>
                  <ul>
                <li><a href="#">GT/E 1</a></li>


                <li><a href="#">GT/E 2</a></li>
                <li><a href="#">zwei c</a></li>

            <li><a href="#">zwei d</a></li>
          </ul>
      </li>


      <li><a href="#">Pressemitteilungen</a>


         <ul>
                <li><a href="#">GT/E 1</a></li>


                <li><a href="#">GT/E 2</a></li>
                <li><a href="#">zwei c</a></li>

            <li><a href="#">zwei d</a></li>
          </ul>


      </li>
       <li><a href="#">drei ...</a>
            <ul>


                <li><a href="#">drei a</a></li>
                <li><a href="#">drei b ...</a>
               <ul>
                      <li><a href="#">drei b i</a></li>


                      <li><a href="#">drei b ii</a></li>
                      <li><a href="#">drei b iii</a></li>


               </ul>
               </li>
                <li><a href="#">drei c</a></li>
          </ul>
      </li>


    </ul>
  </li>
 </ul>


<ul>
  <li><h2>Titel 2</h2>
    <ul>
      <li><a href="#">eins</a></li>
      <li><a href="#">zwei ...</a>


         <ul>
                <li><a href="#">zwei a</a>




                <li><a href="#">zwei b</a></li>
                <li><a href="#">zwei c</a></li>
            <li><a href="#">zwei d</a></li>
          </ul>
      </li>


       <li><a href="#">drei ...</a>
            <ul>


                <li><a href="#">drei a</a></li>
                <li><a href="#">drei b ...</a>
               <ul>
                      <li><a href="#">drei b i</a></li>


                      <li><a href="#">drei b ii</a></li>
                      <li><a href="#">drei b iii</a></li>


               </ul>
               </li>
                <li><a href="#">drei c</a></li>
          </ul>
      </li>


    </ul>
  </li>
 </ul>


<ul>
  <li><h2>Titel 3</h2>
    <ul>
      <li><a href="#">eins</a></li>
      <li><a href="#">zwei ...</a>


         <ul>
                <li><a href="#">zwei a</a></li>


                <li><a href="#">zwei b</a></li>
                <li><a href="#">zwei c</a></li>
            <li><a href="#">zwei d</a></li>
          </ul>


      </li>
       <li><a href="#">drei ...</a>
            <ul>


                <li><a href="#">drei a</a></li>
                <li><a href="#">drei b ...</a>
               <ul>
                      <li><a href="#">drei b i</a></li>


                      <li><a href="#">drei b ii</a></li>
                      <li><a href="#">drei b iii</a></li>


               </ul>
               </li>
                <li><a href="#">drei c</a></li>
          </ul>
      </li>


    </ul>
  </li>
 </ul>


</div>
</body>
</html>

Alles anzeigen

CSS - Navi funzt nicht im IE

Jetzt mitmachen!

Teilen