Hallo
Weiß ja nicht ob es schon bekannt ist aber der IE8 hat große Probleme mit einer horizontalen Navigation wenn sie mit <li> display: inline gemacht ist. Und dabei
das a und a:hover für das hovern verwendet wird UND wenn man negative margins
verwendet um den Whitespace zu eliminieren.
Ich hänge jetzt schon fast 1 Woche dran um den Bug irgendwie zu umgehen jedoch ohne Chance. Alle Browser inkl. IE7 habe keine Probleme sondern nur und ausschliesslich der IE8.
Wie sich das bemerkbar macht...
Wenn man mit der Maus durch die Navipunkte hin und her fährt, dann stockt jede JavaScript Ausgabe im IE8, jede Gif-Animation bleibt stehen, Flash Ausgaben bleiben stehen und der Prozessor des Rechners "zumindest meiner" schießt auf bis zu 80%.
Ich habe diverse Tests gemacht, auch mit einer ganz einfachen Seite wo nur eine Hover-Navigation von A-Z vorhanden war, auch habe ich diverse angebliche CSS-Hacks versucht doch der IE8 schwitzt trotzdem.
Alle mit bekannten Möglichkeiten habe ich versucht doch keine Chance ausser man macht die Navigation mit float, damit hat der IE8 keine Probleme.
Kurzfristige Abhilfe schafft nur die <li> Klasse für den IE8 mit inline-block zu überschreiben, damit fühlt sich der IE8 eine Zeit wohl doch schon nach ein paar Minuten das selbe Problem, ist also nur eine kurzfristige Besserung. Keine Probleme gibt es dagegen wenn man die negativen margings weglässt, also scheint mir dass das der Auslöser ist. Doch ohne negativen margings gibt es Whitespaces zwischen den Punkten die man nicht immer gebrauchen kann, auch das <!-- --> vor und nach <li> bringt den IE8 ins schwitzen, auch ein Freizeichen vor </a> hilft nicht. Diese Sachen funktionieren zwar nur dann gibt es aber unter z.B. in FF das Problem dass das letzte <li> das ausdokumentieren des Whitespaces ignoriert und man extra noch ein geschütztes Leerzeichen einfügen muss was dann aber wieder der Opera und IE7 nicht mag.
Hier ein Test auf meiner Seite, einfach mal mit der Maus von A-Z hin und her fahren und dann genau das Flasch und die JavaScript Ausgabe beobachten, sowie auch das Hover der Navigation beobachten.
http://www.discoradioaction.eu/dbase#conmainNav
Ich habe mit 9 Browser diese Navi testen lassen und nur der IE8 hat die Probleme. Es ist wie gesagt nur CSS. Eventuell kennt jemand das Problem und weiß wie man dieses Problem umgehen kann aber trotdzem die Whitspaces zwishen den Punkten verschwinden lassen kann. Floaten möchte ich diese Navi nicht! das wäre Blödsinn.
Nett wäre wenn das jemand auch mal mit dem IE9 testen könnte, habe nur XP - nicht kompatible.
Belee
Hier der Übeltäter:
Weiß ja nicht ob es schon bekannt ist aber der IE8 hat große Probleme mit einer horizontalen Navigation wenn sie mit <li> display: inline gemacht ist. Und dabei
das a und a:hover für das hovern verwendet wird UND wenn man negative margins
verwendet um den Whitespace zu eliminieren.
Ich hänge jetzt schon fast 1 Woche dran um den Bug irgendwie zu umgehen jedoch ohne Chance. Alle Browser inkl. IE7 habe keine Probleme sondern nur und ausschliesslich der IE8.
Wie sich das bemerkbar macht...
Wenn man mit der Maus durch die Navipunkte hin und her fährt, dann stockt jede JavaScript Ausgabe im IE8, jede Gif-Animation bleibt stehen, Flash Ausgaben bleiben stehen und der Prozessor des Rechners "zumindest meiner" schießt auf bis zu 80%.
Ich habe diverse Tests gemacht, auch mit einer ganz einfachen Seite wo nur eine Hover-Navigation von A-Z vorhanden war, auch habe ich diverse angebliche CSS-Hacks versucht doch der IE8 schwitzt trotzdem.
Alle mit bekannten Möglichkeiten habe ich versucht doch keine Chance ausser man macht die Navigation mit float, damit hat der IE8 keine Probleme.
Kurzfristige Abhilfe schafft nur die <li> Klasse für den IE8 mit inline-block zu überschreiben, damit fühlt sich der IE8 eine Zeit wohl doch schon nach ein paar Minuten das selbe Problem, ist also nur eine kurzfristige Besserung. Keine Probleme gibt es dagegen wenn man die negativen margings weglässt, also scheint mir dass das der Auslöser ist. Doch ohne negativen margings gibt es Whitespaces zwischen den Punkten die man nicht immer gebrauchen kann, auch das <!-- --> vor und nach <li> bringt den IE8 ins schwitzen, auch ein Freizeichen vor </a> hilft nicht. Diese Sachen funktionieren zwar nur dann gibt es aber unter z.B. in FF das Problem dass das letzte <li> das ausdokumentieren des Whitespaces ignoriert und man extra noch ein geschütztes Leerzeichen einfügen muss was dann aber wieder der Opera und IE7 nicht mag.
Hier ein Test auf meiner Seite, einfach mal mit der Maus von A-Z hin und her fahren und dann genau das Flasch und die JavaScript Ausgabe beobachten, sowie auch das Hover der Navigation beobachten.
http://www.discoradioaction.eu/dbase#conmainNav
Ich habe mit 9 Browser diese Navi testen lassen und nur der IE8 hat die Probleme. Es ist wie gesagt nur CSS. Eventuell kennt jemand das Problem und weiß wie man dieses Problem umgehen kann aber trotdzem die Whitspaces zwishen den Punkten verschwinden lassen kann. Floaten möchte ich diese Navi nicht! das wäre Blödsinn.
Nett wäre wenn das jemand auch mal mit dem IE9 testen könnte, habe nur XP - nicht kompatible.
Belee
Hier der Übeltäter:
HTML:
#dbStart li { display: inline; margin-left: -1px; margin-right: -1px }
Zuletzt bearbeitet: