Ich versuche, eine HTML-Tabelle (es ist tabellarische Daten) Layout und es ist Rendering unterschiedlich in Firefox 3.5 und Chrome 2.0.172 (EDIT und IE7 - das macht die Tabelle wie Chrome macht).
Ich habe die Tabelle in einem div:
%Vor%Und ich habe CSS für das div und den Tisch:
%Vor%In Firefox wird die Tabelle breiter dargestellt als das enthaltene div und die Bildlaufleiste im div ermöglicht dem Benutzer, zu den zusätzlichen Spalten zu blättern (was die beabsichtigte Aktion ist). Chrome und IE7 scheinen jedoch die Eigenschaft "min-width" der Spalten zu ignorieren und stempeln die gesamte Tabelle in das enthaltene div. Was ist nicht was ich will? Was mache ich falsch?
BEARBEITEN: Ich setze die Elemente min width auf die Elemente th und td selbst statt colgroup und rendert dann wie erwartet in allen drei Browsern. Wenn Sie bei der Überprüfung der Elemente in Chrome überprüfen, dass der berechnete Stil die Spaltenbreiten in das div ...
Ich weiß nichts über Chrome, aber ich glaube, IE7 benötigt eine explizite "width: auto;" auf Elemente für die richtige Handhabung von "min-width". Dies scheint nicht auf msdn dokumentiert zu sein, aber es scheint auf Google zu kommen.
(Außerdem gibt es einige Einschränkungen bei der Verwendung von "min-width" mit Tabellen und Colgroups, also ist das, wonach Sie suchen, möglicherweise nicht möglich.)
Tags und Links css google-chrome html-table firefox internet-explorer-7