Bedingter Zeilenumbruch mit <wbr>, &shy; und &#8203;

[Orlando]

Hallo Christian,

wie schaffe ich es, dass Firefox bei langen Worten das betreffende Wort umbricht und KEINEN Scrollbalken einblendet?

Es existieren grundsätzlich drei Möglichkeiten, einen bedingten Zeilenumbruch zu ermöglichen, allerdings spielen die Browser nicht mit. Traurig für Ende 2005 … and the results are:

  
                      <wbr>              &shy;                 &#8203;

Netscape 2 bis 4.x    kein Trennstrich   fehlerhaft            fehlerhaft
Netscape 6            kein Trennstrich   nein                  nein
Netscape 7            kein Trennstrich   nein                  kein Trennstrich
MSIE 3                nein               fehlerhaft            fehlerhaft
MSIE 4                kein Trennstrich   fehlerhaft            fehlerhaft
MSIE 5                nein               ja                    fehlerhaft
MSIE 5.5 + 6          kein Trennstrich   ja / Mac fehlerhaft   fehlerhaft
Opera 5.12 - 7        nein               nein                  fehlerhaft
Opera 7.10 - 7.54     nein               ja                    fehlerhaft
Opera 8 + 9p1         nein               ja                    kein Trennstrich
Firefox 1.0x          kein Trennstrich   nein                  kein Trennstrich
Konqueror 3.1 - 3.4   kein Trennstrich   fehlerhaft            fehlerhaft
Safari 2.0            nein               fehlerhaft            fehlerhaft
Safari 2.0.1          nein               ja                    kein Trennstrich

ja         = selten ;-)
nein       = keinerlei Wirkung
fehlerhaft = Es wird ein Zeichen dargestellt. Zumeist ein „nicht darstellbares“ (Kästchen)
             Einige Browser setzen an _jeder_ Stelle einen Trennstrich.

​ funktioniert in Firefox in textareas, ohne einen Trennstrich zu erzeugen (ist im Grunde ein Bug, hier aber nützlich). Was andere Browser daraus machen, müsstest du testen. Ich gehe davon aus, dass obige Ergebnisse auch für textareas gelten: In Summe sind alle drei Varianten leider unbrauchbar.

Grüße
 Roland