div {
min-height: 500px;
height:auto !important;
height: 500px;
}Das funktioniert, weil (glücklicherweise?) IE „height“ so behandelt, wie „min-height“ behandelt werden sollte.
Quelle: Dustin Diaz
Alternative mit Expressions (nur IE)
div {
height: expression( this.scrollHeight < 501 ? "500px" : "auto" );
}Setzt die Mindesthöhe in IE auf 500px. Stellen Sie sicher, dass this.scrollHeight < 501 um 1 Pixel größer ist als die gewünschte Mindesthöhe, sonst erhalten Sie seltsame Ergebnisse.
Gilt das nur für IE6? Unterstützt IE7 nicht min/max height/width?
Gilt das auch für %-Werte?
Ich hasse es, offensichtlich zu sein, aber
div {
min-height: 500px;
_height: 500px;
}
Ist das nicht einfacher zu lesen und funktioniert?
Underscore-Hacks machen Ihr CSS ungültig, und die Verwendung von IE-Expressions kann die Leistung beeinträchtigen. Deshalb ist der erste Snippet so cool :)
Vielen Dank! :D
Das Eine, was an einigen dieser Tricks ist, ist, dass wenn Sie diesen Trick in IE 7 und höher verwenden würden, Sie den richtigen Doc-Typ haben müssten, damit die standardbasierte CSS-Eigenschaft ordnungsgemäß funktioniert. Das gilt auch für IE6. Ich mag es wirklich nicht, wie sich IE selbst und die HTML-CSS-Programmierer fragmentiert haben. Am Anfang gab es nur zwei echte Browser und das war der ganze Anfang dieses proprietären Schwungs von M$, um Leute dazu zu bringen, für IE zu programmieren, damit es sie zwingt, IE zu benutzen. Jetzt ist das weg, die Abwärtskompatibilität, die M$ benötigt, um seine Verkaufskapazität aufrechtzuerhalten, wird endlich aus der neuesten Version von IE herausgequetscht. Nach meinem Verständnis ist IE10 viel besser als sogar IE9. Ich muss immer noch einige dieser großartigen Funktionen testen und selbst dann kann dies wieder vom Doc-Typ abhängen.
Ich würde Ihnen gerne durchs Internet zuwinken. Danke!
Yup! Von mir auch! Hat bei mir super funktioniert!!! xoxo
Hallo Leute,
dumme Frage, aber funktioniert das auch für die Breite?
Es funktioniert gut.
Vielen Dank.
Alok
Dies hat das Problem behoben, mit dem ich konfrontiert war. Danke!
Danke, der anfängliche Code funktioniert bei mir gut in den Kernbrowsern, einschließlich Tablets
Heute darauf gestoßen – wenn dies sich auf min-height: initial bezog, funktioniert dies nicht in IE11. Zur Information für jeden, der diese Notiz liest!
Hier ist eine sehr einfache und effiziente Lösung für IE11: https://kmuncie.com/blog/2016/07/12/ie-11-flexbox-min-height-bug-workaround/
Hallo Leute, ich hoffe, ihr könnt mir helfen…
Ich habe einen Container-Div, der zwei verschachtelte Divs enthält, die darin schweben. Ich versuche, die Situation zu schaffen, dass die schwebenden Divs immer die gleiche Höhe haben, unabhängig von der Menge an Inhalt in jedem von ihnen.
Die Lösung, die ich derzeit versuche (und bei der ich scheitere), ist, die Mindesthöhe des übergeordneten Divs wie oben festzulegen, dann die verschachtelten Divs auf eine Höhe von 100% festzulegen, aber es scheint nicht zu funktionieren…… jede Hilfe wäre sehr willkommen!
Ich arbeite an einer Aufgabe zur Unterstützung von IE8 und nichts davon behebt mein Problem :(
form{min-height:200px; height:auto !important; _height:200px !important; }
form{height:expression(this.scrollHeight form { height:500px;overflow:visible;}
Bitte helft, muss IE8 unterstützen
Danke!! Es funktioniert :)
Danke für die Lösung – funktioniert wie erwartet.