Berechnung der unerwarteten Tabellenhöhe im Internet Explorer-Standardmodus

  • Artikel
  • 2 Minuten Lesedauer

Wichtig

Die Internet Explorer 11-Desktopanwendung wird für bestimmte Versionen von Windows 10 eingestellt und ab dem 15. Juni 2022 nicht mehr unterstützt.

Sie können mit dem Internet Explorer-Modus in Microsoft Edge weiterhin auf ältere Websites zugreifen, für die Internet Explorer erforderlich ist. Anleitung.

Die Internet Explorer 11-Desktopanwendung wird schrittweise an den schnelleren, sichereren Microsoft Edge-Browser umgeleitet und letztendlich über Windows Update deaktiviert werden. Deaktivieren von IE heute.

In diesem Artikel wird ein Entwurfsverhalten erläutert, bei dem die Größe einer Tabelle geändert wird, wenn Sie die relative Höhe für ein <div> Tag in einer Tabellenzelle in Internet Explorer verwenden.

Ursprüngliche Produktversion:   Internet Explorer
Ursprüngliche KB-Nummer:   2778473

Zusammenfassung

Wenn Sie die relative Höhe für ein <div> Tag in einer Tabellenzelle verwenden, treten möglicherweise unterschiedliche Layoutverhaltensweisen für den Standard- und Quirksmodus in Internet Explorer auf. Zum Beispiel:

<!DOCTYPE HTML>
<html>
    <body>
        <div style='height: 75px'>
            <table style='height:100%'>
                <tr>
                    <td>Row 1</td>
                </tr>
                <tr>
                    <td style='height:100%'>
                        <div style='height:100%'>Row 2</div>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>

Wenn Sie den Dokumentmodus mithilfe der Entwicklertools umschalten, wird beim Überprüfen des Layouts ein anderes Verhalten angezeigt.

Im obigen Beispiel ruft die Tabelle im Quirksmodus die Höhe des umgebenden <div> Elements ab, das 75 Pixel groß ist. Die zweite Zeile übernimmt die gesamte verbleibende Höhe, und die Größe der Tabelle selbst wird nicht geändert.

Im Standardmodus wird die Größe der Tabelle geändert, da das innere <div> Tag der Tabellenzeile 2 (Zeile 2) die berechnete Höhe vom ersten übergeordneten Element mit einer absoluten Höhe von 75 Pixeln annimmt. Dies führt zu einer Größenänderung der gesamten Tabelle, da beide Zeilen nicht in die anfängliche angegebene Höhe passen.

Weitere Informationen

Dieses Verhalten ist beabsichtigt und wurde 2006 mit Internet Explorer 7 eingeführt. Möglicherweise werden auch unterschiedliche Verhaltensweisen in Nicht-Microsoft-Webbrowsern angezeigt. Es gibt derzeit keine Möglichkeit, dieses Verhalten nur mit CSS und Tabellen zu ändern. Das Verhalten wird als Einschränkung des Tabellenmodells im Standardmodus betrachtet. Das CSS-Tabellenmodell verhindert tatsächlich, dass dieses Szenario wie erwartet funktioniert.

Nur der Quirksmodus und die Quirksmodusemulation (QME) unterstützen dies aus Kompatibilitätsgründen.