Probleme mit Hover

[Ingo Turski]

Hi,

Das Grundgerüst habe ich schon gebastelt, dank einiger Hilfe auch hier aus dem Forum.

und aufbauend auf http://de.selfhtml.org/css/layouts/anzeige/nav_javascript.htm - warum gibst Du nicht einfach diesen Link und Deine Änderungen an?

Nun habe ich aber das Problem

und noch einige mehr, die Dir noch nicht bewußt sind. Denn Du hast offensichtlich das Beispiel noch gar nicht ganz verstanden und nach Try&Error dran rumgebastelt:

body {
   background-color:#666666;
  }

hier fehlt eine Angabe zu font-size, da nachfolgend noch em-Werte notiert sind.

ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-left:0px;
    padding: 0;
    background-color:#1E517C;
    text-align: center;
    width:120px;
    height:22px;
  }

Hier überläßt Du den Browser-Voreinstellungen margin-top, margin-right und margin-bottom.
Außerdem gibst Du eine - zudem unpassende - Breite vor.

* html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: 0px;
  }

Hier setzt Du für exklusiv den IE margion-bottom auf 0.

ul#Navigation ul li {
   background-color:#800000;
   width:121px;
  }

Hier gibst Du wieder - völlig unnötig - eine unpassende Breite vor.

* html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;

}

Hier gibst Du dem IE eine unpassende Positionsangabe

ul#Navigation ul li a, ul#Navigation ul li span {
    display: block;
    width: 120px;  /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none; font-weight: normal;
    background-image:none;
    text-align: center;
    color: #000000;
  }

Bis auf die color-Angabe überflüssig.

* html ul#Navigation a, * html ul#Navigation span {
    width: 70px;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }

Hier vergibst Du abermals unpassene Werte an die IEs.

function einblenden() {
    this.firstChild.nextSibling.nextSibling.style.display = "block";
    this.firstChild.nextSibling.nextSibling.style.backgroundColor = "none";
  }

"none" ist keine gültige Angabe für background-color!

freundliche Grüße
Ingo