2010-09-26 5 views
6

Wie kann ich eine div von statischen 60px Höhe in Internet Explorer haben?Max div Höhe in Internet Explorer

+1

Bitte denken Sie * sehr * sorgfältig, bevor Sie Code schreiben, der nur in einem Browser funktioniert. –

Antwort

4
<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.

0
<div style="height: 60px;">This is my div</div> 
+0

Wenn der Inhalt größer als 60px ist, wird das div automatisch skaliert. – cypher

3
#el { 
    height:expression(this.scrollHeight>59?"60px":"auto");  
} 
+0

Dies ist eine ausgezeichnete Lösung. Warum gibt es scrollHeight statt nur Höhe? – cypher

+0

"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. –

+1

Ausdrücke arbeiten nicht mehr in IE9 und ich dachte, sie arbeiteten nicht mehr im IE8, also ist das eine schreckliche Idee. – Rob