IE och white-space

Hallå,

Jag har en div som är satt till 160 pixlar bred. Diven innehåller text, och när denna text blir för bred så ska den automatiskt byta rad.

Detta funkar utmärkt i Firefox (som vanligt), men inte i Internet Explorer (som vanligt). I IE radbryts inte texten hur lång den än är, utan allt kommer på en rad och diven blir jättebred och sträcker sig utanför skärmytan. Detta trots att jag har "white-space:normal" med i css-filen (som ju dessutom är standard).

Om jag kollar i Microsofts egen dokumentation står det följande om white-space:
"normal:
Default. Lines of text break automatically. Content wraps to the next line if it exceeds the width of the object."

Bevisligen stämmer inte implementationen överens med dokumentationen i det här fallet.

Någon som har ett tips på hur jag kan komma runt detta?

Jag kan inte reproducera problemet...

<div style="width:160px">
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text 
</div>

...så du får nog visa din kod tror jag.

Problemet är när man har white-space:nowrap på ett omslutande element. Följande ger olika resultat i IE och FF.

<div style="white-space:nowrap;width:100%;">
  <div style="width:100px;background-color:#fdfcd2;white-space:normal;">
    En hyfsat lång text som garanterat tar upp mer plats än 100 pixlar!
  </div>
</div>

I FF bryts raderna så att rutan bara blir 100 pixlar, vilket man förväntar sig. I IE är det däremot den yttre divens white-space som gäller.

Frågan är ju hur man löser detta. Den yttre divens style kan jag inte göra så mycket åt, dessvärre, så jag antar att jag är kokt.

aah! php-funktionen wordwrap() räddade dagen! :)