Fliestext um ein Bild herumfliessen lassen

  • Hey Ho Leute,


    ich bin neu im Forum und habe nichts dazu gefunden, und zwar programmiere ich gerade ein Blog, und ich er ist soweit fertig, aber ich bekomme es net hin das wenn ich das Bild in mein P-Tag einfüge der Text um das Bild fliest. Hier mal Screenie vom Problem:


    http://puu.sh/dbI1K/b839d28931.png


    Den ganz unteren Text ignorieren. ^^ Also ich will das der Text halt links neben dem Bild ist und wenn der Text länger als die Höhe vom Bild ist, dann soll der Text sozusagen noch unterm Bild weitergehen.


    Hier mal mein Code dazu:


    HTML:


    HTML
    1. <!-- Beitrag mit Bild START --> <div class="beitrag">
    2. <p class="beitragstext"><img src="css/images/Text_0.png" class="beitragsimg"/> BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA</p>
    3. </div><!-- Beitrag mit Bild ENDE -->


    CSS:


    HTML
    1. .beitrag { position: relative; margin: 0 auto 0 auto; max-width: 95%; word-wrap:break-word;}
    2. .beitragstext { position: relative; padding:10px; width: auto;}
    3. .beitragsimg { position: relative; border:4px solid #808080; padding:3px; float:right; width:450px; height: auto;}


    Hoffe echt ihr könnt mir helfen ^^



  • OK Danke habe es jetzt gelöst. ^^