Widows and Orphans Page in English
Widows and Orphans Page in English

Über Hurenkinder und Schusterjungen

Was kommt denn jetzt?, wer­den Sie viel­leicht den­ken.

Keine Pa­nik, ich bin nicht aus­ge­rutscht. Die­se Wor­te sind Fach­be­grif­fe aus der Ty­po­gra­fie. Es han­delt sich da­bei um die letz­te Zei­le ei­nes Ab­sat­zes, die auf der nächs­ten Sei­te er­scheint (Hu­ren­kind) bzw. die ers­te Zei­le ei­nes Ab­sat­zes, die ganz al­lei­ne un­ten auf der Sei­te steht (Schus­ter­jun­ge). Für wei­ter­füh­ren­de Li­te­ra­tur emp­feh­le ich den Wi­ki­pe­dia-Ar­ti­kel, das Hu­ren­kind weiß nicht, wo­her es kommt, der Schus­ter­jun­ge weiß nicht, wo­hin er geht.

Beides ist sehr un­schön und stört den Le­se­fluss.

Es kann auch noch schlim­mer kom­men: Die Über­schrift steht ganz un­ten auf der Sei­te (oder Spalte) und der ers­te Ab­satz kommt auf der nächs­ten...

Das woll­te ich auch auf mei­ner Site ver­mei­den und ich ha­be das mit­tels CSS so ge­löst:

In mei­nem CSS ha­be ich ei­ne Zei­le:

p { page-break-inside: avoid; column-break-inside: avoid; }

Da­mit wird ein Um­bruch in­ner­halb ei­nes Ab­sat­zes un­ter­bun­den.

Das kann bei län­ge­ren Ab­sät­zen al­ler­dings un­nö­ti­ger­wei­se zu ei­nem a­sym­me­tri­schen Sei­ten­bild füh­ren.

Das ist nicht op­ti­mal. Es gibt auf mei­ner Site manch­mal ps die re­la­tiv lang sind, z.B. weil sie Bil­der ent­hal­ten und die in­tel­li­gent bes­ser an­ders um­ge­bro­chen wer­den könn­ten, aber ei­ne bes­se­re Me­tho­de ist mir nicht ein­ge­fal­len.

Zu­sätz­lich ha­be ich mir ei­ne ent­spre­chen­de Klasse (together) de­fi­niert:

.to­geth­er {page-break-inside: avoid; column-break-inside: avoid; }

Da­mit kann ich ei­ne Über­schrift und den ers­ten Ab­satz in ei­nem div kap­seln und es gibt kei­nen Um­bruch nach der Über­schrift.