Zum Inhalt springen

[CSS] mehrspaltiger Text


Aiun

Empfohlene Beiträge

hi,

ich tippe seit einiger Zeit an einem Quellenbuch über ein Scifi-Universum. An sich würde ich den ganzen Kram auch gerne auf die Website stellen, hätte auch nix dagegen das ganze Quellenbuch als HTML zu machen.

das Problem: ich möchte den Text in drei Spalten anzeigen. Office-Produkte können den Spaltenwechsel selbstständig machen, abhängig von der länge des Textes.

Irgendeine Idee wie ich sowas in HTML/CSS festlegen kann ? sagen wir ich habe ein Div mit festgelegter Höhe, bzw. der Text soll so gebrochen werden, das keine Scrolleiste auftaucht....sowas in der Art.

die Spaltenbreite wäre festgelegt (in px oder in % vom Bildschirm)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hi!

Was du machen möchtest ist mit CSS Version 3 möglich. Sepzifikation von multicol: http://www.w3.org/TR/2001/WD-css3-multicol-20010118/

Leider unterstützt bisher kein aktueller, stablier Browser das multicol-Feature, und es ist somit momentan nicht praktikabel.

Der "International Herald Tribune" (http://www.iht.com) nutzt seit einiger Zeit ein Javascript für die Artikelanzeige ("read Article>>"-Link), was das ermöglicht. Ich konnte aber bis jetzt nicht rausfinden wie das genau funktioniert: http://www.iht.com/articles/2005/10/26/asia/web.1026quake.php

Sehr lesenswerter Artikel dazu auch auf ALA: http://alistapart.com/articles/css3multicolumn

Gruß, Tobias

Link zu diesem Kommentar
Auf anderen Seiten teilen

Office-Produkte können den Spaltenwechsel selbstständig machen, abhängig von der länge des Textes.

http://www.w3.org/TR/2001/WD-css3-multicol-20010118/

Man beachte:

CSS3 module: Multi-column layout

W3C Working Draft, 18 January 2001

Und die heutigen Browser können nichtmal CSS2 vollständig ;)

EDIT: Da war wohl jemand ein bisschen schneller ;)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...