Manuel-Bieh.de – Web-Development & Consulting

AListApart hat heute Nacht einen ziemlich coolen Artikel veröffentlicht. In ALA190 – Cross-Column Pull-Outs wird gezeigt wie man, wie in Print-Artikeln oft üblich, ein Bild von 2 Spalten umfließen lassen kann, ohne das dabei Text überdeckt wird. Benötigt werden dafür gerade mal 6 Zeilen im CSS. Das Bild wird dabei mit einem negativen margin in die zweite Spalte gezogen (bzw im Beispiel von ALA von der Zweiten in die Erste) und die andere Spalte bekommt an der entsprechenden Stelle einen Platzhalter welcher dann in Richtung des Bildes floatet. Der Nachteil dabei ist jetzt jedoch, zoomt man in der Seite, rutscht der Text je nach Zoomfaktor unter das Bild.

Inwiefern das ganze jetzt in der Praxis eingesetzt werden kann wird sich sicherlich irgendwann zeigen, meinem Vorstellungsvermögen mangelt es momentan noch an Einsatzgebieten, da mir im spontan eigentlich eher keine Seite einfällt, auf der es wirklich 2 Spalten Fließtext gibt.

Eine schöne Sache ist es dennoch wie ich finde.