1
2
3
4
div.beispiel {
    max-height: 150px;
    max-width:  150px;
}

Dies erzeugt ein DIV, welches maximal 150 Pixel breit und hoch ist, so zumindest in den meisten Browsern. Da gibt es allerdings noch einen sehr standardresistenten Browser, welcher leider sehr häufig verwendet wird, den Internet-Explorer. Der kann mit diesen Definitionen absolut nichts anfangen, obwohl es konforme CSS2 Definitionen sind.

Aber auch diesem Browser kann man beibringen das ein Element eine maximale/Minimale Höhe oder Breite haben soll.

Im folgenden Beispiel wird ein DIV definiert, welches die Höhe automatisch bis zu einem Maximalwert anpasst und danach scrollbar wird. Auch im IE.

1
2
3
4
5
6
7
8
9
10
div.beispiel {
    width:        100%;
    height:       auto;
    max-height:   250px;
    overflow:     auto;
}

* html div.beispiel {
    height:       expression(this.scrollHeight > 250 ? "250px" : "auto"); /* sets max-height for IE */
}

Mit der Breite funktioniert das ähnlich. Eine genaue Beschreibung ist im Artikel Maximum and Minimum Height and Width in Internet Explorer zu finden.

Artikel / Seite weiterempfehlen

Schreibe einen Kommentar

Ihre Email-Adresse wird nicht veröffentlicht. Pflichtfelder sind durch * markiert.

Sie können folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>