Biesterfeld: Text wie in einem Buch

Beitrag lesen

Hej,

Ich bin gerade am Überlegen, wie ich Text im Buchformat ausgeben kann.

Das Mittel html ist eigentlich nicht für solche spirenzschen konzipiert, und daher lässt sich dein Vorhaben auch nicht ohne "aber" Umsetzen.

[...]sondern spaltenweise zu lesen sein. Der Grundaufbau wäre wohl ein table ...

Nicht alles was eine Spalte hat ist eine Tabelle: Mehrspaltige Layouts

Nun besteht die Frage, wie man bestimmt, welcher Text wohinkommt.

Zunächst möchtest du etwas in dieser Form:

<div id="linkespalte">  
Ganz viel text.</div>

Nun hast du folgende Möglichkeiten:

  1. Mache die Annahme, dass dein Text eine Gleichverteilung der Wortlänge annimmt und spendiere genau bei der Hälfte der Wörter ein </div><div id="rechtespalte">.
    Nachteil: Es kann passieren (insbesondere bei kürzeren Texten), dass die Spalten unterschiedlich gefüllt sind.

  2. Beginne eine ganz große JavaScript-Murkserei, über deren Umsetzung du keine sichere Aussage treffen kannst:
    * Beginne damit die Breite (all.offsetWidth) des divs zu halbieren (minus dessen was du zwischen den spalten vorsiehst).
    * Bestimme jetzt die tatsächliche Höhe (all.offsetHeight) des divs.
    * Bestimme nun die Position deines Strings, der genau bei der Halbenhöhe des divs umbricht.
    * Mache alles rückgängig und füge zuletzt </div><div id="rechtespalte"> an der ermittelten Stelle ein.

Beste Grüße
Biesterfeld

--
Eine Klammer ist kein mathematischer Mülleimer!