Internet Explorer nicht-deterministisches Layout - HTML, CSS, Internet-Explorer, Medien-Abfragen

Ein weiterer nicht-deterministischer Fehler im Internet Explorer. Fehler tritt nur im Internet Explorer (Chrome, Firefox, Safari alle gut).

Produzieren (siehe Screenshots hier: http://imgur.com/a/8Ut7H):

  1. Wenn ich gehe https://shick.me/test Bei einem Fenster mit mehr als 600 Pixeln bleiben die Chat-Nachrichten links, obwohl sie zentriert sein sollten (wie in jedem der anderen Browser).
  2. Wenn ich das Fenster schmaler als 600px mache, ist das Layout korrekt
  3. nicht-deterministisch: Wenn ich jetzt das Fenster wieder verbreite, ist das Layout korrekt!

Welche Problemumgehung ist erforderlich oder stimmt irgendetwas mit CSS / HTML nicht?

Tipp: Es könnte mit dem Trick mit verwandt sein

margin-right: 3000px;
padding-right: -3000px;

Hilft das?

Wenn ich auf der Seite mit der Entwicklerkonsole arbeite (F12 in ie), sehe ich, dass fast jede Manipulation das Layout sofort korrigiert. Dadurch wird beispielsweise die Seite neu gezeichnet und korrigiert:

document.body.style.display = "none";
document.body.style.display = "block";

Allerdings, wenn ich dies in Javascript (in onload / domcontentloaded etc.), es funktioniert nicht - der Bruch passiert, nachdem die js ausgeführt wird. Wenn ich a setTimeout drum herum, es funktioniert - aber ist ein wirklich hässlicher hack ich würde sagen.

Antworten:

0 für die Antwort № 1

Nach einigen Diskussionen im wirklichen Leben (im Gegensatz zu stackoverflow), haben wir den Negativmargen-Trick als den Schuldigen gesehen, der Chaos in ia verursacht.

Also habe ich ein anderes Layout gewählt und es funktioniert jetzt gut.


Verwandte Fragen
Speisekarte