Wie kann ich eine div von statischen 60px Höhe in Internet Explorer haben?Max div Höhe in Internet Explorer
Antwort
<div style="height: 60px; overflow: hidden;">Hello, World</div>
Einige Versionen von IE nicht folgen max-height, leider, und das ist, wo overflow: hidden
kommt in handliches. Beachten Sie, dass das Div IMMER 60px Höhe hat, egal was drin ist.
<div style="height: 60px;">This is my div</div>
Wenn der Inhalt größer als 60px ist, wird das div automatisch skaliert. – cypher
#el {
height:expression(this.scrollHeight>59?"60px":"auto");
}
Dies ist eine ausgezeichnete Lösung. Warum gibt es scrollHeight statt nur Höhe? – cypher
"ScrollHeight eines Elements ist ein Maß für die Höhe des Inhalts eines Elements, einschließlich des Inhalts, der aufgrund eines Überlaufs nicht auf dem Bildschirm sichtbar ist." - Ich bin mir sicher, dass clientHeight auch verwendet werden könnte, aber ich dachte, das wäre vielleicht notwendig. –
Ausdrücke arbeiten nicht mehr in IE9 und ich dachte, sie arbeiteten nicht mehr im IE8, also ist das eine schreckliche Idee. – Rob
- 1. Internet Explorer 6 - DIV Probleme
- 2. Internet Explorer - Flexbox Bildverhältnis
- 3. Internet Explorer 8 doppelte div Bug
- 4. Internet Explorer 9 magisch expandierende div
- 5. Rahmen div max Höhe funktioniert nicht
- 6. Flip-Effekt in Internet Explorer
- 7. Internet Explorer Jumpy Scrolling
- 8. Höhe 100% funktioniert nicht für DIV-Tag in Internet Explorer 8
- 9. Internet Explorer Problem
- 10. window.resize Ereignisauslösung in Internet Explorer
- 11. Internet Explorer-Cursor: Auto
- 12. Tabelle Zeilenhöhe in Internet Explorer
- 13. Internet Explorer Javascript Leistungsproblem
- 14. Zentrum Zentrum ausrichten in Internet Explorer versetzt
- 15. Firefox, Internet Explorer 9 + Problem mit div Höhe von 100% innerhalb eines td (Arbeitsbeispiel auf Chrom)
- 16. Internet Explorer Wie Schaltfläche Wahnsinn
- 17. AngularJS und Internet Explorer
- 18. Internet Explorer und Clip-Pfad
- 19. Dojo TabContainer mit Styling in Internet Explorer
- 20. execCommand ("insertHTML", ...) im Internet Explorer
- 21. Drucken in Internet Explorer deaktivieren
- 22. Express-Sitzung in Internet Explorer
- 23. DropDownList Breite in Internet Explorer
- 24. Seleniums wait_for_condition in Internet Explorer
- 25. Vaadin langsam in Internet Explorer
- 26. JS Fehler in Internet Explorer
- 27. Optionseinfügungsproblem in Internet Explorer 7
- 28. Programmatically Cookies in Internet Explorer
- 29. XDR in Internet Explorer 11
- 30. Funktioniert $() in Internet Explorer anders?
Bitte denken Sie * sehr * sorgfältig, bevor Sie Code schreiben, der nur in einem Browser funktioniert. –