Beheben von Ausrichtungsproblemen mit Floats in IE9

Bei Versuchen, einen Container auf der rechten Seite zu positionieren und Tabellen daneben auszurichten, ist ein Benutzer darauf gestoßen eine Diskrepanz zwischen der Darstellung im IE9 und anderen Browsern. Während die Tabellen in allen anderen Browsern korrekt angezeigt wurden, wurden sie in IE9 unterhalb des schwebenden Containers ausgerichtet.

Bei der Untersuchung wurde festgestellt, dass das Problem auf ein Missverständnis der overflow:hidden-Eigenschaft in IE9 zurückzuführen war. Um das Ausrichtungsproblem zu lösen und eine konsistente Anzeige in allen Browsern sicherzustellen, wird die folgende Lösung empfohlen:

Ändern Sie den HTML-Header, um die folgende Kompatibilitätsanweisung zu integrieren:

Durch die Einbindung dieser Anweisung wird der Browser angewiesen, die Seite in einem Kompatibilitätsmodus darzustellen, der modernere Versionen von Internet Explorer emuliert. Durch diese Anpassung wird sichergestellt, dass sich die Eigenschaft „overflow:hidden“ wie erwartet verhält, was zu einer korrekten Tabellenausrichtung in IE9 führt.