automatischer Textumbruch nach Bindestrich

[Ursina]

Warum wird der folgende Titel nicht automatisch umgebrochen?

Work-Life-Management Strategien

Die Tabellenzelle ist 120 Pixel breit. Sie wir nun aber an den Text angepasst. Mit IE ist das ja kein Problem, aber die anderen Browser zerreissen mir das ganze Layout.

Bitte kann mir jemand einen Tip geben.

Danke und Gruss Ursina

[Lutz Fechner]

Warum wird der folgende Titel nicht automatisch umgebrochen?
Work-Life-Management Strategien

Weil da eben kein Umbruch ist, das wird wohl als ein Wort interpretiert und daher nicht umgebrochen.

Ich gehe mal davon aus, dass Du alles mit CSS formatierst. Du
hast folgende Möglichkeiten:

1. Work-Life-<br />Managment - Dann wird aber IMMER umgebrochen, auch wenn es passen würde.

2. white-space
   Da kannst Du dann auch wählen, dass z.B. Der Text so dagestellt wird, wie Du ihn eingegeben hast - auch hier würde dann IMMER umgebrochen werden, auch wenn es passen würde.

3. Du legst fest, dass die Breitenangabe der Tabelle Vorrang hat vor dem Inhalt. Dazu solltest Du dir folgendes durchlesen:
   table-layout
   und
   overflow

Ob 3) aber wirklich Dein Problem löst ist fraglich. Nur die Spaltenbreite ändert sich nicht mehr, im schlimmsten Fall wird das Wort eben "abgeschnitten" oder ragt über die Zelle hinaus, je nach Einstellung von overflow.

Hoffe ich konnte Dir helfen!
Lutz

[Detlef G.]

Hallo Ursina

Work-Life-Management Strategien

Die Tabellenzelle ist 120 Pixel breit. Sie wir nun aber an den Text angepasst. Mit IE ist das ja kein Problem, aber die anderen Browser zerreissen mir das ganze Layout.

Dann das Layout dein eigentliches Problem.
Was würde denn passieren, wenn bei den Bindestrichen zwar umbrochen würde,
und der Nutzer die Schrift vergrößert hat und dadurch das Wort "Management"
breiter als 120 Pixel wird?
Soll es dann abgeschnitten werden, oder aus der Tabellenzelle herausragen?

Work-Life-<span style="font-size:0"> </span>Management Strategien

Auf Wiederlesen
Detlef

[Længlich]

¡Buenos días!

Work-Life-<span style="font-size:0"> </span>Management Strategien

Oder einfach ein nullbreites Leerzeichen (Zero Width Space):
Work-Life-​Management Strategien

Das ändert natürlich auch nichts an Deinem Einwand zum Layout.

Viele Grüße vom Længlich

[Detlef G.]

Hallo Længlich

Oder einfach ein nullbreites Leerzeichen (Zero Width Space):
Work-Life-​Management Strategien

Schön wärs, du solltest aber aber mal testen, welche Browser dieses (nicht-)
Zeichen richtig anzeigen und verwenden.

Auf Wiederlesen
Detlef

[Længlich]

Kiaora!

Schön wärs, du solltest aber aber mal testen, welche Browser dieses (nicht-)
Zeichen richtig anzeigen und verwenden.

Ich werd' noch mal verrückt mit diesen blöden Browsern. :-(

Also, für alle, die es interessiert:
Firefox, Netscape und Opera setzen es richtig um,
Internet Explorer und Amaya zeigen einen Kasten an,
Safari und Konqueror kann ich hier unter WinXP nicht testen.

Aber alle machen den gewünschten Zeilenumbruch. ;-)

Danke für den Hinweis, Detlef!

Viele Grüße vom Længlich

[Cybaer]

Hi,

Bitte kann mir jemand einen Tip geben.

Du kannst noch das proprietäre <wbr> hinter dem Bindestrich einfügen.

Gruß, Cybaer