Falsche deutsche Silbentrennung in Browsern

Mit lang="de" und hyphens: auto trennen Chrome, Safari und Firefox viele zusammengesetzte Wörter an der falschen Stelle, zum Beispiel Wissen-sportal statt Wissens-portal oder Klimaf-aktor statt Klima-faktor. Diese Seite zeigt Beispiele in deinem Browser und fasst zusammen, was eine Analyse dazu ergeben hat.

Stand: 12.10.2026. Gemessen unter macOS 26.6.2 mit Chrome 155, Safari 26.6.2 und Firefox Developer Edition 158. Andere Betriebssysteme, macOS-Versionen und Schriften können andere Ergebnisse liefern. Die Seite verwendet kein JavaScript und keine weichen Trennzeichen.

Das Problem

Nach dem amtlichen Regelwerk werden zusammengesetzte Wörter zwischen ihren Bestandteilen getrennt (§ 85). „Wissensportal“ besteht aus Wissens und portal, richtig ist also Wis-sens-por-tal. Die Browser bieten stattdessen Wis-sen-spor-tal an. Fällt der Zeilenumbruch auf diese Stelle, steht am Zeilenende „Wissen-“ und in der nächsten Zeile „sportal“. Die falsche Stelle kommt aus den Trenndaten, die der Browser verwendet.

1. Beispiele für falsche Trennungen

Jedes Wort steht in einer Box mit fester Breite (gestrichelte Linie). Die Breite ist so gewählt, dass der Umbruch in Chrome, Safari und Firefox unter macOS 26.6.2 genau an der falschen Stelle landet. Das wurde in allen drei Browsern geprüft. Mit einer anderen Schrift oder auf einem anderen System kann der Umbruch an einer anderen Stelle liegen.

2. Alle Trennstellen deines Browsers

In der Spalte „Dein Browser“ steht jedes Wort in einer Box ohne Breite. Der Browser muss dadurch an jeder Stelle trennen, die er kennt. Die anderen Spalten sind Messwerte unter macOS 26.6.2 zum Vergleich.

Dein Browser Chrome 155 und Safari 26.6.2 Firefox Developer Edition 158 Korrigierte TeX-Muster (2024)
Wissensportal Wis-sen-spor-tal Wis-sen-spor-tal Wis-sens-por-tal
Klimafaktor Kli-maf-ak-tor Kli-maf-ak-tor Kli-ma-fak-tor
Wärmeinhalt Wär-mein-halt Wär-mein-halt Wär-me-inhalt
Wasserstofferzeugung Was-ser-stof-fer-zeu-gung Was-ser-stof-fer-zeu-gung Was-ser-stoff-er-zeu-gung
Ausgleichsenergie Aus-gleich-sener-gie Aus-gleich-s-ener-gie Aus-gleichs-en-er-gie
Methanemissionen Me-tha-nemis-sio-nen Me-tha-n-emis-sio-nen Me-than-emis-sio-nen
polytheistisch po-lyt-heis-tisch po-lyt-he-is-tisch po-ly-the-is-tisch
Permafröste Per-ma-frös-te Per-ma-f-rös-te Per-ma-f-rös-te

Markiert sind die Silben um eine falsche Stelle. Chrome und Safari fragen auf macOS dieselbe Systemfunktion ab und zeigen deshalb dieselben Stellen. In der Box ohne Breite lassen sie Stellen aus, die nur einen Buchstaben abtrennen würden. Bei normaler Breite nutzen sie diese Stellen, siehe „Permaf-röste“ in Abschnitt 1. Firefox bringt eigene Muster aus dem Jahr 2011 mit. „Permafröste“ trennen auch die korrigierten Muster noch falsch.

3. Sichtbar wird der Fehler nur bei passender Breite

Die falsche Stelle ist immer vorhanden. Ob man sie sieht, hängt davon ab, wo die Zeile umbricht. Die Box lässt sich an der rechten unteren Ecke in der Breite ziehen.

Neue Angebote im Wissensportal: Wärmeinhalt und Klimafaktor im Vergleich

4. Warum Safari manchmal nicht trennt

Mit text-wrap: pretty optimiert Safari alle Zeilen eines Absatzes und vermeidet Trennungen. Chrome nutzt pretty vor allem gegen kurze letzte Zeilen. In Safari sieht dieselbe Überschrift deshalb oft anders aus. Ohne pretty wählt Safari dieselben Umbrüche wie die anderen Browser und kennt dieselben falschen Stellen.

text-wrap: wrap

Neue Angebote im Wissensportal: Wärmeinhalt und Klimafaktor im Vergleich

text-wrap: pretty

Neue Angebote im Wissensportal: Wärmeinhalt und Klimafaktor im Vergleich

5. Was CSS und HTML leisten können

Eine richtige Trennung lässt sich mit CSS nicht erzwingen, weil keine der Engines die Stelle Wissens|portal kennt. CSS kann Trennstellen nur unterdrücken. Die Boxen haben dieselben Breiten wie in Abschnitt 1.

hyphens: auto (Ausgangslage)

Wissensportal

Klimafaktor

polytheistisch

Alle drei Wörter brechen an der falschen Stelle um.

hyphens: manual

Wissensportal

Klimafaktor

polytheistisch

Kein falscher Trennstrich mehr. Lange Wörter brechen aber ohne Strich an beliebiger Stelle um, weil overflow-wrap: break-word greift, etwa „Wissensp/ortal“.

Mindestlängen 6 / 3

Wissensportal

Klimafaktor

polytheistisch

„Wissen-“ und „Klimaf-“ haben sechs Zeichen und bleiben. „polyt-“ verschwindet, dafür bricht das Wort je nach Browser anders um, teils ohne Strich. Grenzwerte filtern Stellen, sie erzeugen keine richtigen.

<wbr> an der Fuge

Wissensportal

Klimafaktor

polytheistisch

Bricht an der gewünschten Stelle, aber ohne Strich. Passt der Rest nicht in die Zeile, folgt ein Notumbruch („theisti/sch“). Jedes Wort muss von Hand gepflegt werden.

6. Was die Analyse ergeben hat

Belege, Quellen und Grenzen der Aussagen stehen in der README des Repositorys.