Hi,

ich habe folgendes css Konstrukt:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#agents {width:100%}     #agents .overview          {float:left;                                         font: bold 12px Arial;                                         color:#FFF;                                         width:632px;                                         clear:both;                                         height:70px}     #agents .overview p.left    {float:left;                                          text-align:left;                                          width:120px;                                          padding-left:10px}     #agents .overview p.right        {float:right;                                          text-align:left;                                          width:490px;                                          height:70px}

Dazu existiert folgender HTML-Code

Code :

1 2 3 4

<div class="overview">  <p class="left">ein bischen Text</p>  <p class="right">Ein ganzer haufen Text</p> </div>

Mein Problem ist jetzt, dass alle Browser den "haufen" Text bis zum Browserrand ausdehnen, bevor Sie einen Zeilenumbruch machen. Der Text soll aber in dem <p> am Ende (bei 490px) umbrechen. Kann mir da jemand helfen?

Des weiteren macht der IE mal wieder das <p> genauso groß wie das umgebene div und nicht nur 490px breit.

Danke.

Marcus.

Nach "Zerlegen" der Seite habe ich herausgefunden, dass es an einem white-space:nowrap, in einem umgebenden Element, lag...

Marcus.