IE7 & IE8 Rendering Problem - Text verschieben

Question

Wir haben gerade eine neue Anwendung auf unserer Website, www.net54baseball.com ausgerollt. Mit Javascript erlauben wir Benutzern, die App ein- oder auszublenden. Wenn der Benutzer auf Anzeigen klickt, wird die App geöffnet und eine Liste mit Hyperlinks angezeigt. Es funktioniert perfekt in Firefox und Chrome. In IE7 & IE8 wird der Hyperlink-Text für einen Bruchteil einer Sekunde ordnungsgemäß angezeigt und fällt dann um etwa einen Zoll nach unten. Wenn die Maus des Benutzers über jeden Link fährt, bewegt er sich bis zu seiner korrekten Stelle zurück. Firefox/Chrome-Nutzer lieben die App, aber das ist extrem frustrierend für IE-Nutzer.

Die App ist auf dieser Seite: www.net54baseball.com

Warum wird der Text nach dem Öffnen Dropdown? Wie kann ich dieses Verhalten in IE verhindern?

Vielen Dank im Voraus.

Scott Greenwald

Answer 1

Ich habe nicht getestet, aber hier ist ein Trick, der für mich in der Vergangenheit arbeitete, als IE „Malerei“ Probleme hat. Nachdem Sie das Element "anzeigen", legen Sie den Elementstil auf "position: relative;" fest. Dies sollte den IE dazu zwingen, das Element neu zu zeichnen und es wieder dort zu positionieren, wo es sein muss. Wenn dies nicht funktioniert, fügen Sie nach dem Anzeigen des Elements ein setTimeout hinzu und ändern Sie den Stil dann in "position: relative;" im setTimeout Callback.

Ich hoffe, das funktioniert für Sie.

Answer 2

Das funktionierte auch für mich. Der Text wurde zum unteren Bildschirmrand verschoben. Es geschah in IE8, funktionierte aber in Firefox gut.