jens13: IE6 CSS-Menü-Problem, Workaround gesucht

SELF-Forum

IE6 CSS-Menü-Problem, Workaround gesucht

jens13
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE6 CSS-Menü-Problem, Workaround gesucht

    Thorsten Schleppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo!

    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...

    Und du hast <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#javascript@title=diese Seite> noch nicht gefunden?
    Ohne Javascript wirst du für diese Funktionalität jedoch nicht auskommen, daher empfiehlt es sich eine Lösung zu finden, die die Navigation auf anderem Weg ermöglicht. Beispielsweise könntest du ein Untermenü in jede einzelne Seite integrieren, welche die Links der aktuellen Kategorie enthält.

    Viele Grüße
    Thorsten

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE6 CSS-Menü-Problem, Workaround gesucht

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@Thorsten Schleppi:

      Und du hast <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#javascript@title=diese Seite> noch nicht gefunden?

      Und du hast diese Seite noch nicht gefunden? SCNR.

      Ohne Javascript wirst du für diese Funktionalität jedoch nicht auskommen, […]

      „Und sie bewegt sich DOCH!“

      […] daher empfiehlt es sich eine Lösung zu finden, die die Navigation auf anderem Weg [ohne JavaScript] ermöglicht.

      Unbedingt.

      Live long and prosper,
      Gunnar

      --
      Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. IE6 CSS-Menü-Problem, Workaround gesucht

        Thorsten Schleppi Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo Gunnar!

        Und du hast diese Seite noch nicht gefunden?

        Nein hab ich nicht, hab aber auch nicht zwei Tage lang gesucht... ;)

        SCNR.

        Ist schon ok...

        Viele Grüße
        Thorsten

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. IE6 CSS-Menü-Problem, Workaround gesucht

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@jens13:

    hab ein horizontales CSS-Menü, das sich ausklappt. Leider geht im Internet Explorer 6 gar nix...

    Sollte sich doch inzwischen herumgesprochen haben, dass IE < 7 ':hover' nur bei Links anwendet und demzufolge hier

    ul#navigation-1 li:hover ul.navigation-2
    { display:block; }

    versagt.

    CSS only drop-down menu

    Live long and prosper,
    Gunnar

    --
    Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln