|
|||
Mehrspaltiger Text
Hi,
ich suche nach einem Weg, mehrspaltige Texte erst bei einer Mindest-Textlänge zu verwenden. Konkret: Der Haupttext läuft im DIV "body" und wird zweispaltig angezeigt. Zwischenüberschriften <h2> und <h3> sowie <IMG> unterbrechen den Mehrspalter via column-span:all. Dadurch werden die Spalten nicht zu lang. Soweit klappt das gut. Nun gibt es aber leider auch sehr kurze Textabschnitte zwischen Bildern oder Überschriften, die natürlich auch zweispaltig angezeigt werden. So kann es sein, das eine Spalte drei Zeilen hat, die zweite zwei Zeilen, was sehr unschön aussieht. Ich hatte die Hoffnung, mit widows:5;orphans:5; eine Art Mindestspaltenlänge von 5 Zeilen hin zu bekommen, aber das klappt nicht. Hat jemand eine Idee? Vielen Dank, Uli |
Sponsored Links |
|
|||
widows und orphans greifen, wie im Print, bei einer neuen Seite. Da das Internet keine Seiten (A4, etc.) kennt, haben diese Angaben nur Auswirkungen, wenn man die Seite ausdruckt.
Für den Bildschirm gibt es so eine Funktion nicht, zumindest ist mir nichts bekannt. Mögliche Lösungen: Mit Javascript die Textlänge abfragen und entsprechend reagieren oder im backend, vor der Ausgabe schon die Textlänge erkennen und je nach Textlänge eine zusätzliche Klasse (zb text-short) vergeben, welche dann eigene CSS Regeln (keine Columns) bekommt. |
Sponsored Links |
|
|||
Danke für Deine Antwort.
Zitat:
Auch stimmt Deine Annahme nicht, dass Schusterjungen und Hurenkinder (ja, so heißt das wirklich in der Typografie etwas mit dem Seitenwechsel zu tun haben (ich komme aus dem Print). Sie haben ausschließlich etwas mit der Spalte zu tun. Bei einspaltigen Texten ist der Umbruch dann ausschließlich der Seitenwechsel, bei mehrspaltigen zudem auch der Spaltenwechsel. Zitat:
|
|
|||
Zitat:
Laut caniuse unterstützt auch nur edge (und ie) die column-spezifikation wie erfordert, das heißt, irgendwann kommt sie auch für die restlichen Browser. Zitat:
Zitat:
Bis dahin: Keine Print-Layouts im Web nachbauen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |