Unser Blog

Noch gibt es keinen offiziellen Blog. Noch steht hier kein Layout. Noch ist hier alles im Aufbau. Aber: Heute bin ich einen großen Schritt weitergekommen. Die Darstellung der Seite nähert sich auch im IE6 dem Standard an.

Das Problem beim Internet Explorer 6 und älter ist, dass dieser bestimmte Positionierungen nicht komplett richtig beherrscht (absolute, relative) und manche gleich mal gar nicht (fixed). Hinzu kommt, dass der IE6 keine halbtransparenten PNGs unterstützt, was gerade bei dem hier verwendeten Design sehr hinderlich ist.

In beiden Fällen habe ich mir nun mit JavaScript geholfen. Eine fertige pngfix.js sorgt dafür, dass Schatten jetzt keine grauen Rechtecke mehr zeichnen. Nun sieht das schon mal aus, wie ersonnen. Wegen der Positionierungsproblematik ließen sich allerdings die Ränder der Textbox nicht auf die erforderliche Höhe bringen. Also greift hier ein zweites JavaScript ein, das ich passenderweise heightfix.js getauft habe.

Besagtes Script bestimmt die Höhe des Textbausteins und berechnet anhand dessen die benötigte Ausdehnung der Randkästen. Dieser Wert wird dann im Nachhinein per CSS noch eingefügt und somit den Containern eine Stütze gegeben.

Ein wenig durch die Brust ins Auge diese Vorgehensweise, aber die einzig valide Möglichkeit bei meinem persönlichen Lieblingskrüppel. Der IE7 beherrscht glücklicher- und erstaunlicherweise mittlerweile solche Kniffe und bedarf daher nicht solcher Feinschliffe.

Um nun nicht alle Anderen für das Nicht-Updaten Anderer zu Strafen, werden IE6-Hacks nur dann eingebunden, wenn der Browser tatsächlich ein solcher ist. Safari-, Firefox- und Operanutzer haben also immer einen ganz sauberen Quellcode, der nebenbei bemerkt CSS 2.1- und XHTML 1.0 Strict valide ist. Darauf lege ich größten Wert!

Jetzt fehlt nur noch ein IE6-Hack für den Impressumscontainer am unteren Bildrand, damit dieser bleibt, wo er sein soll. Und dann beginnt endlich der Feinschliff und die Informationsbeschaffung für EXCO|MEDIA.