Textfluss problem

Status
Nicht offen für weitere Antworten.

shockshell

Erfahrenes Mitglied
Hi,

ich habe folgendes css Konstrukt:

Code:
 #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:
<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.
 
Status
Nicht offen für weitere Antworten.
Zurück