Hauke Mehrtens: IE7 Fehler li:hover --> Element springt herrum

SELF-Forum

IE7 Fehler li:hover --> Element springt herrum

Hauke Mehrtens Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi

Ich hab eine Website erstellt und sie wird mit Firefox, Opera und Konqueror auch richtig (wie gewünscht) dargestellt. Im Internet Explorer 6 geht es mit einer kleinen Veränderung auch aber der Internet Explorer 7 macht mir noch Probleme.

Die Website ist: http://www.trakehnerfoerderverein.de/
Wenn ich dort im Internet Explorer 7 langsam mit der Maus im Menü von "Jugend" auf "Pferde" fahre, dann wird das Popdown Menü verschoben oder in einer Tabelle zur Seite dargestellt. Wenn ich von unten kommend den Button "Pferde" berühre, dann wird er ganz normal dargestellt oder, wenn ich die Maus schnell von "Jugend" auf "Pferde" schiebe. Die Popdownmenüs sind für den IE7 komplett mit CSS geregelt ohne Einsatz von Javascript, das hab ich nur für den IE6 und älter.

Für mich sieht das nach einem Browserbug aus. Hat jemand einen Lösungsvorschlag dafür? Oder kann jemand ihn auf seinem System nicht reproduzieren?

Die css-Datei, die das Menü regelt ist folgende:
http://www.trakehnerfoerderverein.de/fileadmin/templates/style.css

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE7 Fehler li:hover --> Element springt herrum

    Hauke Mehrtens
    – Informationen zu den Bewertungsregeln

    Das Springen im IE7 tritt immer dann auch, wenn zuerst das der Rand (border) mit dem Mauszeiger berührt wird. Wenn man die Maus schnell zu dem Element hinbewegt, dann wird für den IE7 die border nicht berührt und es wird normal dargestellt.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE7 Fehler li:hover --> Element springt herrum

      Patrick Andrieu Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Hauke!

      http://www.trakehnerfoerderverein.de/

      Das Springen im IE7 tritt immer dann auch, wenn zuerst das der Rand (border) mit dem Mauszeiger berührt wird. Wenn man die Maus schnell zu dem Element hinbewegt, dann wird für den IE7 die border nicht berührt und es wird normal dargestellt.

      Das Verhalten kann ich reproduzieren, mir aber nicht erklären: Das HTML ist valide, beim CSS wird lediglich bemängelt:

      Zeile 138 ul#navi li ul   Einlese-Fehler - opacity=90)
      Zeile 139 ul#navi li ul   Die Eigenschaft opacity existiert nicht: 0.9

      Firefox meldet in der Konsole:

      Unbekannte Eigenschaft 'filter'. Deklaration ignoriert.

      Seltsam auch, dass diese Fehldarstellung des Untermenüs nur dann auftritt, wenn man den oberen Rand oder den rechten Rand der Menüpunkte »berührt« (bei »Wir über uns«, »Kontakt« und »Home« tritt das Problem auch auf).

      Eine Idee habe ich aber derzeit keine, sorry. Vielleicht hat aber schon jemand damit zu kämpfen gehabt und meldet sich?

      Viele Grüße aus Frankfurt/Main,
      Patrick

      --

      _ - jenseits vom delirium - _
      [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
      Nichts ist unmöglich? Doch!
      Heute schon gegökt?
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln