✔ <div> Zeilenumbruch

[sve07bl]

Hallo,

stehe vor meinem nächsten Problem.

Und zwar:

Ich habe ein <div> Element.
Darin soll ein Text stehen. Die Breite dieses <div> beträgt 200px.
Wenn ein Text nun 200px breit wird soll ein Zeilenumbruch gemacht werden. Aber irgendwie macht es das nicht.

<div style="position: absolute; width: 200px; height: 100px; z-index: 1;" id="Ebene1">
<p>&nbsp;dfdfdfdddddddddddddddddddddddddddddddddddfdfdfdfdfdfdfdfdfsdddddddddddddddddddddddddddddddddfdfdfdfdfefretggwergfergegergwegrtgerhrthererwfdfsdfsdfsdfsdfsdfssfssdf</div>

Würd mich freuen, falls mir da jemand helfen kann.

Gruß Björn

 

[killkrog]

Also, erstmal würde ich den <p> zu machen. So gehts schonmal los
Dann ist dein Code korrekt, nur dass dein Inhalt als ein Wort zählt, und darum wird es nicht umgebrochen. Wenn du statt dessen a a a a a a a a a a a a a a a schreibst, sollte es wunderbar funktionieren.

Liebe Grüße,
Chris

 

[sve07bl]

Ok, danke schonmal

Also muss ich immer ein leerzeichen noch rein machen?

 

[Matthias Reitinger]

Hallo,

Internet Explorer kennt hier die propietäre, nicht vom W3C abgesegnete CSS-Eigenschaft word-wrap. Setzt man diese auf den Wert break-word, so erfolgt ein Zeilenumbruch auch mitten im Wort, wenn es über die Zeile hinausgehen würde. Alternativ könnte man auch overflow: hidden verwenden, um die möglicherweise über die Zeile hinausragenden Teile eines Textes zu verbergen. Siehe dazu auch: IE/win Expanding Box

Grüße,
Matthias

 

[sve07bl]

Vielen Dank nun klappt alles wunderbar ;-)