Berechnete Tabellenzellenhöhe in IE11
Das Problem, dem ich gegenüberstehe, ist IE 11 scheint inkonsistent zu sein <td> innere Höhe über einzelne <tr> , während andere Browser es gleich halten.
Hier ist ein Stift, der mein Problem illustriert: Ссылка
In meinem Layout habe ich ein absolut positioniertes Pseudo-Element (grüner Rand), das ich auf einem (außerhalb) <td> anzeigen möchte. Ich möchte, dass es immer so hoch ist wie das ganze <tr> es ist. Der Inhalt von <td> s ist dynamisch - ich habe keine Kontrolle über seine Größe (wie ich es im Stift mache).
Ich habe es height: 100% gegeben, vorausgesetzt, dass jedes <td> in einer Reihe die gleiche Höhe hat.
Und ja, diese Höhe berechnet für alle Zellen in derselben Zeile in Firefox und Chrome den gleichen Wert:
aber zu unterschiedlicher Höhe für jede Zelle in IE 11:
Das Problem scheint darin zu bestehen, dass in height: 100% IE sich auf die innere Höhe (die in der Auffüllung) des enthaltenden <td> bezieht, während andere Browser Gesamthöhe <td> s entlang eines <tr> in Firefox identisch, während sie nicht in IE ist. Ist einer dieser Ansätze falsch? Gibt es eine Möglichkeit, IE zu zwingen, wie andere Browser zu arbeiten?
3 Antworten
Seltsames und interessantes Verhalten von IE über Table-Cell hier. Wenn Sie eine Annäherung wünschen, sollten Sie die Zelle auf Inline-Block setzen und den Höhe-Wert einstellen, dann richten Sie den Inhalt mit line-height aus und setzen die Zeilenhöhe für den Text-Container wie folgt zurück:
%Vor%Versuchen Sie IE, ich hoffe, dass Ihnen das weiterhilft: Ссылка
Tags und Links internet-explorer css internet-explorer-11 css-tables