Gernot Back: Textarea-Wrap bei Firefox

Beitrag lesen

Hallo Christian,

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

Schade, dass Firefox den weichen Umbruch ­ (Soft-Hyphen) nicht interpretiert. Du kannst aber grundsätzlich zwischen alle Buchstaben eines problematisch langen Wortes ein Leerzeichen einfügen,
so wie man früher mit Schreibmaschinen
Wörter   g e s p e r r t   geschrieben hat.

Der Effekt ist, dass mitten im überlangen Wort hinter jedem Buchstaben umgebrochen werden kann; allerdings leider ohne Trennstrich. Die Sperrung kannst du dann innerhalb eines SPAN-Elements optisch mit einem negativen word-spacing in diktengleichen Schiften wieder so kompensieren, dass man das nicht merkt.

<span style="[code lang=css]font-family:'Courier New', Courier, monospace;word-spacing:-.7em;">D o n a u d a m p f s c h i f f f a h r t s k a p i t ä n s m ü t z e n v e r l e i h</span>[/code]

Wenn man dann noch einen weichen Umbruch &shy; zwischen jedes Leerzeichen und jeden Buchstaben setzt, macht Opera als einziger Browser sogar auch Trennungsstriche:

<span style="[code lang=css]font-family:'Courier New', Courier, monospace;word-spacing:-.7em;">D &shy;o &shy;n &shy;a &shy;u &shy;d &shy;a &shy;m &shy;p &shy;f &shy;s &shy;c &shy;h &shy;i &shy;f &shy;f &shy;f &shy;a &shy;h &shy;r &shy;t &shy;s &shy;k &shy;a &shy;p &shy;i &shy;t &shy;ä &shy;n &shy;s &shy;m &shy;ü &shy;t &shy;z &shy;e &shy;n &shy;v &shy;e &shy;r &shy;l &shy;e &shy;i &shy;h</span>[/code]

Bei sehr langen Textpassagen, hat mir der Internet Explorer unter Windows  98 auch schon Systemabstürze provoziert. (oder war das bei letter-spacing?) Der Workaround ist also, wenn überhaupt, mit Vorsicht zu genießen.

Gruß Gernot