Text bleibt nicht im Container, Text rutscht aus DIV Einstellungen

[Claudia]

Hallo,

ich habe erneut ein kleines Problem. Ich habe einen DIV-Container, in den ich Text lege, den sich ein User kopieren können soll. Dieser Text hat kaum Leerzeichen. Das hat zur Folge das er die Grenzen des DIV-Containers sprengt, er geht also über den rechten Rand des Containers und der Seite hinaus.
Im IE wird der Text umgebrochen dargestellt, im Firefox nicht. Kennt ihr das Problem? Könnt ihr mir sagen wie man das richtig schreibt, damit das nicht passiert? Ich habe keine Lösung trotz SELFHTML gefunden.

Danke sehr

Der Beitrag wurde von Claudia bearbeitet: 13.08.2005 - 9:17

[i.b.g]

Hallo,

nach meiner Erfahrung ist das auch nicht lösbar. Umbrüche finden im allgemeinen an white-space-Zeichen statt. Einen Umbruch, so wie Du Ihn möchtest, den gibt es wohl höchstens in Textverarbeitungssystemen; wir beschäftigen uns hier aber mit HTML. Was hindert Dich, white-space-Zeichen einzubauen? Was ist mit dem Angebot eines Downloads? Es gibt doch Alternativen.

Der Beitrag wurde von i.b.g bearbeitet: 14.08.2005 - 8:58

[Claudia]

2 OT-Fragen vorweg: Habe schon wieder keine Benachrichtigung bekommen obwohl ich das eigentlich aktiviert hatte. Warum? Bei Antworten gibt es keine Option dazu, wurde ich deshalb nicht benachrichtigt?
Warum kann ich deinen Beitrag nicht quoten? Aus +quote in blau wird ein -quote in rot? Was hat es damit auf sich?

Umbrüche finden im allgemeinen an white-space-Zeichen statt.

Jetzt muss ich ganz dumm rüber kommen. Ich kenne die CSS-Angabe white-space: nowrap, was aber ist ein white-space-Zeichen?
Mit white-space: nowrap; funktioniert es nicht.

Einen Umbruch, so wie Du Ihn möchtest, den gibt es wohl höchstens in Textverarbeitungssystemen; wir beschäftigen uns hier aber mit HTML.

Warum kann der Sch.... IE das darstellen und Firefox nicht? Warum funktioniert die Anzeige mit Firefox hier im Forum? Es gibt also eine Lösung, nach der Suche ich nur. Geht das nur mit PHP?

Was ist mit dem Angebot eines Downloads? Es gibt doch Alternativen.

Werd ich dann wohl so machen müssen -> Mehraufwand

Danke für eure Bemühungen bisher

[i.b.g]

Hallo,

Ich kenne die CSS-Angabe white-space: nowrap, was aber ist ein white-space-Zeichen? Mit white-space: nowrap; funktioniert es nicht.

Das sind Zeichen wie Leerzeichen, Tabulatoren, Zeilenendezeichen usw., die eine Bedeutung haben aber nicht dargestellt werden.

Warum kann der Sch.... IE das darstellen und Firefox nicht?

Nun, das war ja schon öfter Thema, und liegt ganz einfach daran, dass manche Browser eher den Recommendations (Empfehlungen) des W3C (WWW-Consortium) folgen als andere. Wenn Du etwas mehr darüber erfahren möchtest, dann empfehle ich die die Seiten des >> W3C << oder für CSS die deutsche, gute Seite >> CSS4YOU <<.

Nun, nach ein wenig überlegen, fällt mir da noch die Eigenschaft overflow ein. Mit dem Wert auto sollte der DIV dann Scrollbalken anbieten; mit dem Wert hidden wird der überstehende Text abgeschnitten, was aber zum Kopieren für den Nutzer ungewohnt ist. Ich würde overflow:auto; versuchen.

Schau bei CSS4YOU rein.

[edit]
Ich habe mir das noch mal im IE angesehen. Der IE kann es auch nicht wirklich. Er bricht aber an manchen Stellen um, an denen es andere Browser nicht tun, wie z.B. Bindestrichen/Minuszeichen o.ä.
[/edit]

Der Beitrag wurde von i.b.g bearbeitet: 14.08.2005 - 16:07

[Claudia]

overflow:auto;

Danke sehr