white-space: pre; Problem

[thefaxx]

Hi Leute,

habe ein kleines Problem mit white-space: pre;...

Text aus einer MySQL Datenbank soll genauso angezeigt werden wie er ursprünglich eingegeben wurde.

Mit "white-space" funktioniert das zwar, allerdings wird der Container der auf eine Breite von 400px beschränkt ist nicht beachtet, der Text geht einfach weiter ohne einen Umbruch zu machen.

Jemand eine Idee wie sich das Problem lösen lässt?

 

[Maik]

Hi,

wenn die Zeichenfolge kein Leerzeichen besitzt, hat der Browser auch keinen Anhaltspunkt, wo er einen Zeilenumbruch vornehmen soll.

 

[thefaxx]

Es sind aber einige Leerzeichen enthalten.

Hier mal der Code von dem Container:

#main_text {
  float: right;
  display: inline;
  width: 450px;
  margin: 0;
  padding: 0;
  font: 80% arial;
  font-weight: normal;
  color: #3A3A3A;
  white-space: pre;
}

 

[Maik]

Dann fehlen wohl dem eingegebenen Text die entsprechenden Zeilenumbrüche, oder sie sind an der falschen Stelle gesetzt, denn:

pre = Zeilenumbruch wie im Editor eingegeben

• Quelle: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space

 

[hela]

Hallo,
bei einer PRE-Formatierung wird auch nur dann ein Zeilenumbruch gemacht, wenn er im Quelltext vorhanden ist, ein automatischer Zeilenumbruch wird eben dadurch unterbunden. Du müsstest u.U. den umschließenden Block scrollbar machen.

SELFHTML, CSS-Kapitel "Ausrichtung und Absatzkontrolle":
Mit CSS 2.1 werden noch die folgenden Werte eingeführt:
pre-wrap = wie pre, jedoch erfolgt ein Umbruch, wenn die Breite der Box zur Anzeige der Zeile nicht ausreicht.

 

[thefaxx]

Schade, das Scollen ist eine sehr unschöne Lösung und ohne pre fehlt die Formatierung.