Hi,
hab ein horizontales CSS-Menü, das sich ausklappt. Leider geht im Internet Explorer 6 gar nix...
Hab schon 2 Tage rumprobiert. Vielleicht kann mir ja jemand helfen...
<div id="container" >
<ul id="navigation-1">
<li><a href="#" title="Account">Account</a>
<ul class="navigation-2">
<li><a href="logout.php" title="Logout">Logout</a></li>
<li><a href="editpw.php" title="Login-Daten">Login-Daten</a></li>
</ul>
</li>
</ul>
</div>
Und hier mein CSS-Code:
div#container
{ width:814px; position:absolute; left:50%; margin:0 -408px; background: url(Bilder/bodybg.png); border:1px solid #000000; height:95%;}
div#bodydiv
{padding: 0 0 0 5px; width:809px; position: relative; left:50%; margin:0 -408px; height:95%; overflow:auto; z-index:1;}
ul#navigation-1
{ margin:0; padding:1px 0; list-style:none; width:814px; height:23px; border-top:0px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 10pt arial,verdana, helvetica; background: url(Bilder/top.png); color:#FFFFFF; text-align:center}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:203px;z-index:1000; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; color:#ffffff; width:203px; height:15px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background: url(Bilder/top2.png); color:#ffffff; width:203px; height:15px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; color:#000000;}
ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:203px; position:absolute; top:23px; left:-1px; border:1px solid #b9121b; border-top:none;}
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:203px; clear:left;}
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left;background: #999999; color:#FFFFFF; padding:4px 0; width:203px; border:none; border-bottom:1px solid #ffffff; position:relative; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background: #999999 url(Bilder/top2.png); color: #000000; padding:4px 0; width:203px; border:none; border-bottom:1px solid #ffffff; position:relative;}
Vielen Dank im Voraus