André: Klassenzuweisung im IE6

Hallo,
ich habe ein Problem bei der Zuweisung von Klassen im IE6.
Auf http://neu.ju-ploen.de habe ich für das Menü eine Farbkodierung eingerichtet, das für jeden Menüpunkt einen anderen Farbwert definiert.
Für jeden Menüpunkt sieht das im CSS dann so aus:

/* Menü 1 */
#navigation .menu1.selected {
   background-color: #8cb932;
   border-top: 1px dotted #FFFFFF;
}
#navigation .menu1.selected ul {
 background-color: #a7c964;
}
#navigation .menu1.selected ul li {
 background-color: #a7c964;
 border-top: none;
}
#navigation .menu1.unselected a:hover {
 background-color: #a7c964;
}
#navigation .menu1.selected ul li a:hover {
 background-color: #8cb932;
}
#navigation .menu1.selected ul li.selected a {
 background-color: #8cb9322;
}

(http://neu.ju-ploen.de/style.css)

Leider scheint der IE6 die Klassen immer zu überschreiben, jedenfalls nimmt er für jeden Menüpunkt die gleiche Farbe - nämlich die von Menü 11 (=1).

Hat von Euch jemand eine Idee, wie ich das zum IE6 kompatibel bekomme?

Danke & Gruß,
André

  1. Moin!

    #navigation .menu1.selected {
       background-color: #8cb932;
       border-top: 1px dotted #FFFFFF;
    }

    Der IE 6 kann diese Doppelklasse nicht verarbeiten. ".menu1.selected" funktioniert nicht.

    - Sven Rautenberg

    --
    "Love your nation - respect the others."
    1. Der IE 6 kann diese Doppelklasse nicht verarbeiten. ".menu1.selected" funktioniert nicht.

      Ja, das hab ich auch schon vermutet.
      Gibt es da denn einen Workaround?

  2. Hallo,

    Veruchs doch mal so:
    <li id="unselected" class="menu1"><a href="#top">WIR &Uuml;BER UNS</a></li>
    <li id="unselected" class="menu2"><a href="#top">PRESSE</a></li>
    .
    .
    .

    Dem HTML entsprechend dann so im CSS:
    #navigation #selected.menu1 {
       background-color: #8cb932;
       border-top: 1px dotted #FFFFFF;
    }
    ...

    Noch eine Frage: Warum verschachtelst du die zwei Menus in deiner Navigation? Versteh ich nämlich nicht ganz.

    Grüße, Thomas

    --
    Visit: http://www.thomass.at.tf
    1. Hallo,

      Veruchs doch mal so:
      <li id="unselected" class="menu1"><a href="#top">WIR &Uuml;BER UNS</a></li>
      <li id="unselected" class="menu2"><a href="#top">PRESSE</a></li>

      Ich hab es auf http://neu.ju-ploen.de/ie/ mal andersrum probiert:

      <li id="menu1" class="unselected"><a href="#top">WIR &Uuml;BER UNS</a></li>
      <li id="menu2" class="unselected"><a href="#top">PRESSE</a></li>

      Das funktioniert überhaupt nicht - andersrum (selected als id und menu# als klasse) dann wohl vermutlich auch nicht, oder?

      Noch eine Frage: Warum verschachtelst du die zwei Menus in deiner Navigation? Versteh ich nämlich nicht ganz.

      Wie meinst Du das? In meiner Navigation links ist ein Menü, und beim Menüpunkt "Links" gibt es ein Submenü... verschachtelt ist da eigentlich nichts? Oder ich hab die Frage nicht richtig verstanden... :)

      Viele Grüße,
      André

      1. Hallo,

        <li id="menu1" class="unselected"><a href="#top">WIR &Uuml;BER UNS</a></li>
        <li id="menu2" class="unselected"><a href="#top">PRESSE</a></li>

        Das funktioniert überhaupt nicht - andersrum (selected als id und menu# als klasse) dann wohl vermutlich auch nicht, oder?

        Kann ich nicht sagen, da ich es nicht getestet habe, versuchs doch einfach.

        Wie meinst Du das? In meiner Navigation links ist ein Menü, und beim Menüpunkt "Links" gibt es ein Submenü... verschachtelt ist da eigentlich nichts? Oder ich hab die Frage nicht richtig verstanden... :)

        Ok hab ich wohl falsch verstanden, das Submenü gehört ja zu den Links ;-)

        Grüße, Thomas

        --
        Visit: http://www.thomass.at.tf
    2. Hallo Thomas,

      Veruchs doch mal so:
      <li id="unselected" class="menu1"><a href="#top">WIR &Uuml;BER UNS</a></li>
      <li id="unselected" class="menu2"><a href="#top">PRESSE</a></li>

      ganz schlechter Vorschlag! Eine ID muss dokumentweit eindeutig sein und darf nicht mehrfach vergeben werden. Das ergibt invalides HTML, und wie sich die Browser aus der Affäre ziehen, ist nicht vorhersehbar.

      Die Frage ist aber, ob André diese intensive Klassengesellschaft überhaupt braucht. Wenn ich mir das HTML dazu ansehe, kann ich keinen triftigen Grund erkennen.

      So long,
       Martin

      --
      Die meisten Menschen werden früher oder später durch Computer ersetzt.
      Für manche würde aber auch schon ein einfacher Taschenrechner genügen.
      1. ganz schlechter Vorschlag! Eine ID muss dokumentweit eindeutig sein und darf nicht mehrfach vergeben werden. Das ergibt invalides HTML, und wie sich die Browser aus der Affäre ziehen, ist nicht vorhersehbar.

        Die Frage ist aber, ob André diese intensive Klassengesellschaft überhaupt braucht. Wenn ich mir das HTML dazu ansehe, kann ich keinen triftigen Grund erkennen.

        Ich hab es jetzt so gelöst, dass ich die menu# als id vergeben habe (ist damit auch eindeutig), und das funktioniert jetzt auch im IE6.
        --> http://neu.ju-ploen.de

        Danke euch allen für die Unterstützung! :-)

        1. Hallo,

          Ich hab es jetzt so gelöst, dass ich die menu# als id vergeben habe (ist damit auch eindeutig), und das funktioniert jetzt auch im IE6.
          --> http://neu.ju-ploen.de

          Jep, war mein Fehler, sorry. Sollte eigentlich nicht passieren, so ist es natürlich richtig.

          Grüße, Thomas

          --
          Visit: http://www.thomass.at.tf