DIV Text soll nciht umbrechen sondern gescrollt werden

[derbasti]

Hallo zusammen,

ich habe hier schon im Forum gestöbert, aber finde nicht das passende für mich!
Ich habe ein DIV in dem ein mehrzeiliger Text steht zb so:

<div style="overflow: auto; width: 150px;"> /* Soll eine Scrollbar einfügen läuft aber nciht :( */  
Text1<br>  
Text2<br>  
Text der nicht umbrechen soll!<br>  
nochwas  
</div>

Das problem ist nur, dass sobald ein text auftaucht, der länger ist als die vorgabe vom div (150 px) dann bricht der den um oder macht das div breiter, wenn der text keine leerzeichen enthällt!

Wie kann man das einrichten, dass diese text dann gescrollt wird, also dann horizontal und vertikal scrollbalken auftauchen?

Für einnen link oder Info wäre ich sehr dankbar!

MfG

[LX]

Hallo.

Du suchst nach dem CSS-Attribut Whitespace. Allerdings führt dessen Verwendung beim MSIE schnell mal zum Absturz.

Gruß, LX

[suit]

<div style="overflow: auto; width: 150px;"> /* Soll eine Scrollbar einfügen läuft aber nciht :( */

Text1<br>
Text2<br>
Text der nicht umbrechen soll!<br>
nochwas
</div>

  
~~~html
<div style="overflow: auto; width: 150px;">  
  <p>Text1</p>  
  <p>Text2</p>  
  <p>Text der nicht umbrechen soll!</p>  
  <p>nochwas</p>  
</div>

  
p {  
  white-space: nowrap;  
}