Fluffi meinte, dass ich mir mit dem kleinen Bild in diesem Entwurf keinen Gefallen tun würde. Und da sollte er Recht behalten, denn mit CSS einen Text um ein Objekt floaten zu lassen, dass an diesem Textblock unten ausgerichtet ist, ist einfach unmöglich (lasse mich gerne vom Gegenteil überzeugen).

Aber ich hab mich ja nicht auf reines CSS festgelegt und so hab ich mal munter mit Javascript gespielt. Und Tada:

Das ganze kann man sich hier in live angucken.
Funktioniert so, dass das rote Kästchen absolut an die richtige Stelle positioniert wird (mittig ans untere Ende des divs, welches die beiden Textspalten umgibt). Und jetzt wird per Javascript in jede Spalte ein weiteres Kästchen gepackt, um das der Text floatet. Dummerweise kann man da nur den oberen Punkt irgendwo im Text platzieren, so dass man die richtige Position finden muss, dass das floatende Kästchen (ist übrigens blau) ganz nach unten geht.
Also packe ich dieses div erstmal ganz an den Anfang von Text, es wird also ganz oben gefloatet. Totaler Quatsch. Dann schiebe ich das floatende div immer ein Wort weiter nach hinten, bis die Position des blauen divs unterhalb (oder gleichhoch) des roten divs ist.
Nicht kapiert, oder? Egal, einfach mal den Quellcode angucken.

Nachdem die linke Spalte so angepasst wurde, kommt die rechte Spalte dran. Dann ist es aber nicht fertig, denn wie man im aktuellen Fall sieht, ist die rechte Spalte länger als die linke. Darum schiebt sich durch das Einfügen des float-Blockes das Ende der rechten Textspalte weiter nach unten und verschiebt somit auch das rote Viereck. Darum muss die linke Spalte nochmal angepasst werden. (Hab das in der Live-Version mal mit Alerts angezeigt)

Und wenn Javascript deaktiviert ist, wird das rote Kästchen momentan gar nicht angezeigt. Kann man sich ja überlegen, wo und wie man es statt dessen anzeigen will.
Wohoo! Ich komme meinem Entwurf immer näher!

Und jetzt könnt ihr mir sagen, wie ihr es gemacht hättet…

PS: Ne bessere Überschrift ist mir nicht eingefallen, sorry…
PPS: Blindtexte von  hier.

Update: Hab mir heute Nacht überlegt, dass das mit meiner Realisierung ja auch mit beliebigen Positionen zwischen den Spalten gehen muss und nicht nur unten fixiert. Darum  hier jetzt eine Version, in der man das rote Kästchen mit drag&drop verschieben kann und sich das Floating dann anpasst. Macht nur Sinn, wenn sich das rote Kästchen zwischen den beiden Spalten befindet.

Letztens hatte ich ja berichtet, dass Roke nun auch ein Blog hätten. Damals schrieb ich:

Da geben dann Ro und Ke gemeinsam den Ton an, was in Zukunft noch durch eine ziemlich coole Idee verstärkt werden soll. Da muss ich mich aber mit denen noch zusammensetzen und ein wenig unter die Arme greifen, aber dann wird das ganz ganz toll.

Und wie man bei Ro  lesen kann (“Nichts zu danken”, übrigens) haben wir uns jetzt zusammengesetzt und jetzt kann man bei ihm munter hin- und her-wooshen.
Warum? Ganz einfach: Auf elf19 will nicht nur Ro bloggen, sondern auch seine Ke. Und da die beide ja theoretisch gleichberechtigt sein sollten und es zu ein und dem selben Thema oft zwei unterschiedliche Blickpunkte gibt, war Ros Idee, dass man doch zu einer Überschrift die Beiträge beider Blogger nebeneinander stellen kann, so dass man sich dann aus beiden gleichberechtig nebeneinander stehenden Meinungen eine Gesamtmeinung bilden kann.
Der Blog-Platz ist aber begrenzt und so kam uns die Idee des “wooshes”. In Aktion kann man das ganze  hier sehen. Zum Wooshen einfach die Maus über einen der beiden Beitragshälften.

War ein lustiger Abend, an dem wir die ganze Zeit damit beschäftigt waren, immer wieder kleine “Details” am mootools-Skript anzupassen, damit das auch so funktioniert, wie wir es uns vorgestellt haben (was da alles für Sachen beachtet werden müssen, vor allem wenn man mehrere Wooshes auf einer Seite (z.B. der Blogstartseite) auf einmal wooshbar machen will…
Ein bisserl neidisch bin ich jetzt schon, ich will auch so ein cooles Feature auf meinem Blog haben!

So, das wird mal ein ganz kurzer Eintrag, wie man ihn auf DonsTag noch nicht gesehen hat. Ein Kollege hat mir heute  gotapi.com gezeigt und ich war hin und weg. Als hätte ich sowas nicht schon immer gebraucht…
Das wars auch schon.