Hajo: Dropdownliste

Beitrag lesen

SELF-Forum

Dropdownliste

Hajo
– Informationen zu den Bewertungsregeln

Hallo Gemeinde,

gerade las ich den Thread von Steffanie zu diesem Thema. Auch ich bin Anfänger und habe fast das selbe Problem. Nun bin ich auf der Suche zu dem Beispiel <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=Navigation für moderne Browser> und der von mir nachgebauten Liste. Denn bei mir funktioniert das Dropdown zwar unter Opera und Firefox, aber nicht unter IE8.

Hier der HTML-Teil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">  
  <link rel="stylesheet" href="list_prob.css" type="text/css" media="all" />  
  <title>Browser-Problem</title>  
  </head>  
  <body>  
    <div id="rahmen">  
    <ul id="navi">  
      <li id="first">  
        <a>1</a>  
        <ul id="sub">  
          <li>  
            <a>1a</a>  
          </li>  
          <li>  
            <a>1b</a>  
          </li>  
        </ul>  
      </li>  
      <li>  
        <a>2</a>  
      </li>  
      <li>  
        <a>3</a>  
      </li>  
    </ul>  
    </div>  
  </body>  
</html>

und der CSS-Teil:

/* CSS Document */  
body  
{  
  font-family: Arial;  
  font-size: 10pt;  
}  
div  
{  
  clear: left;  
}  
#navi li  
{  
  display: block;  
  float: left;  
  width: 20%;  
  border: 1px solid;  
  position: relative;  
  padding: 0.2em;  
}  
#sub  
{  
  display: none;  
  padding: 0;  
  margin: 0;  
  position: absolute;  
  top: 25px;  
  left: 0.4em;  
}  
#sub li  
{  
  width: 100;  
  margin: 0;  
  padding: 0.2em;  
  float: none;  
}  
#sub li a  
{  
  width: 100;  
}  
ul#navi li:hover ul  
{  
  display:block;  
}  
ul#navi li:hover  
{  
  color: maroon;  
}

Was fehlt da bei mir (ausser Wissen) ?

mit freundlichen Güssen
Hajo

Beitrag melden
–
Informationen zu den Bewertungsregeln