Redesign 1: Internet Explorer und min-height
28 Oktober 2007 - 13:58

Hiermit beginnt eine kleine Serie, in der ich über Probleme, die mir auf dem Weg zu einem neuen Design von diesem Blog, berichten werde.

Zunächst möchte ich mitteilen, dass ich noch nicht in der Lage bin eine Wordpress-Theme von Grund auf neu gestalten. Bis es so weit ist, werde ich den Aufbau einiger schon existierender Themes erkunden und sie evt. an meine Bedürfnisse anpassen.

Das erste “Opfer”-Theme ist blue-pix von Emexci, welches mir wegen dem recht einfachen und übersichtlichen Aufbau sehr gefällt. Beim Anpassen an meine eigenen Bedürfnisse bin ich auf das min-height-Problem mit dem Internet-Explorer gestoßen.

Dabei wollte ich für die statischen Seiten eine Mindesthöhe definieren, damit die Hintergrundgrafik bis zum unteren Rand des Inhalt-divs verdeckt wird.

Der Browser FireFox, mit dem ich persönlich am liebsten arbeite, hat das auch erkannt und so umgesetzt, wie es gewollt war. Der Internet-Explorer 6 hat die CSS-Anweisung ignoriert.

Die Lösung hab ich bei standards.webmasterpro.de gefunden:

{
min-height:300px;
height:auto !important;
height:300px;
}