Min-Height in allen Browsern

Min-Height wird in CSS recht häufig benötigt. Jedoch kennt der Internet Explorer in der Version 6 und abwärts die Eigenschaft min-height nicht. Aber es gibt Abhilfe.

Zunächst benutzen wir in der Klasse die Eigenschaft min-height für moderne Browser.

.min-height-klasse
{
min-height: 100px;
}

Anschließend fügen wir für ältere Browser eine Fixe Höhe ein.

.min-height-klasse
{
min-height: 100px;
height: auto !important;
height: 100px;
}

Aber wozu jetzt eine Höhenangabe eingeben und die Höhe automatisch anpassen lassen? Ganz einfach durch das !important, steigt die Gewichtung für die Eigenschaft height: auto;. Aber der Browser versucht auch die Höhe von 100px zu erreichen. Also erhält das Element erst eine Höhe von 100px und sollte diese überschritten werden, wirkt die Zuweisung auto.

|

Kategorien

Tools / Services

Empfehlungen

Tag Clouds

Zuletzt gepostet

Letzte Kommentare

Archiv

Links & Partner

Hosting Empfehlung