Ich habe ein DIV-Element, das ein Tabellenelement enthält.
Das Tabellenelement hat zwischen 0 und mehr als 350 Zeilen.
Ich dachte, die einfachste Methode zur Größenanpassung dieses DIV-Elements wäre die Anwendung der Eigenschaft max-height, so dass das DIV-Element mit dem Hinzufügen von Inhalt wächst und eine Bildlaufleiste hinzufügt, sobald der Inhalt die maximale Höhe überschreitet.
Code:
%Vor%Was ich stattdessen bekomme, ist, dass das div-Element einfach weiter wächst, wenn der Inhalt die maximale Höhe erreicht, anstatt die Überlauf-Eigenschaft anzuwenden.
Natürlich geschieht das nur im IE7. Firefox und Safari funktionieren wie vorgesehen.
edit: Okay, hier ist die gesamte HTML-Seite, ctrl + f "Distanzen" für den Bereich, mit dem ich Probleme habe.
%Vor%IE hat die maximale Höhe seit IE7 unterstützt - aber nur im Modus Standards (AKA Strict) .
Stellen Sie sicher, dass Sie einen Doctype haben, der den Standards-Modus als erstes in Ihrem Dokument auslöst. (Der Quirks-Modus kann ein Los der Dinge vermasseln, also schreib niemals ein Dokument, ohne dass ein Standard-Modus Doctype auslöst, außer du hast einen sehr guten Grund dafür).
Stellen Sie nur die Höhe und den Überlauf auf "scrollen" ein. Visuell kann es keinen Unterschied zwischen der Out-Box geben, die volle Höhe hat, und der nicht ist volle Höhe. Wenn das der Fall ist, würde ich einfach keine Max-Höhe anstelle der Höhe verwenden.
Können Sie uns etwas mehr von Ihrem Code zeigen oder vielleicht eine Online-Demonstration? Ich wäre daran interessiert, etwas von der CSS und dem Doctype zu sehen.
Zusätzlich zu max-wdith können Sie den folgenden Ausdruck verwenden, um sicherzustellen, dass er Cross-Browser-kompatibel ist:
%Vor%Referenz: Ссылка
Ich habe nur Ihren Code kopiert und eingefügt, und dann in eine PHP-Schleife fallen gelassen, um 200 Zeilen oder nur 2 zu erstellen, und er verhält sich in IE 7, Safari und Firefox genauso.
Sie deklarieren wahrscheinlich keinen Doctype, der das Problem verursacht, das Sie in meinem Test beschreiben.
Oder in Ihrem echten Code haben Sie Überlauf: auto nicht richtig definiert. Ihr Problem ist genau das, was passieren würde, wenn das der Fall wäre.
Es ist hier in der Frage definiert, aber vielleicht nicht Ihr Code.
Tags und Links html css internet-explorer-7