iframe umfliesen lassen

[tropenberta]

hi leuts

war schon lange nicht mehr hier und hab mal wieder denk ich mal ne anfängerfrage, aber komm nicht drauf.

hab auf der linken seite ein iframe, rechts text. wenn jetzt die kante vom iframe erreicht ist soll der text unter dem iframe weiter fliesen.

+++++++++++++++++++  Text Text Text Text Text Text
+                 +  Text Text Text Text Text Text
+     IFRAME      +  Text Text Text Text Text Text
+                 +  Text Text Text Text Text Text
+++++++++++++++++++  Text Text Text Text Text Text

Text Text Text Text Text TextText Text Text Text T
Text Text Text Text Text TextText Text Text Text T
Text Text Text Text Text TextText Text Text Text T

  
<div id="content_standort">  
  <iframe width="425" height="350" frameborder="0" scrolling="no" marginhei ... >  
  <p></p>  
</div>  

  
#content_standort iframe {  
margin-left:20px;  
margin-top:20px;  
float:left;  
}  
  
#content_standort p {  
margin-top:0px;  
float:left;  
}  

kann mir einer von euch bitte helfen.

hab mir auch mal dazu das hier angeschaut, klappt aber irgendwie bei mir nicht.
http://de.selfhtml.org/html/grafiken/ausrichten.htm#textumfluss

gruss
micha

[ChrisB]

Hi,

hab auf der linken seite ein iframe, rechts text. wenn jetzt die kante vom iframe erreicht ist soll der text unter dem iframe weiter fliesen.

Dann darfst du das P-Element mit dem Text nicht ebenfalls mit float versehen.

MfG ChrisB

[tropenberta]

hi ChrisB

boah - die antwort kam ja schneller als ne pistolenkugel.

vielen dank für deine antwort - hat geklappt.

aber noch zum verständnis.

wenn ich 2 divs (2 elemente) habe werden die ja normalerweise untereinander ausgegeben.
versehe ich beide mit float:left stehen sie nebeneinander.

hier ist es jetzt so das meine erstes element (iframe) ein float left hat und das andere element (p) nicht. - warum wird jetzt p rechts vom iframe ausgegeben ?

danke für eure antworten.

lg
micha

[Der Martin]

Hallo,

wenn ich 2 divs (2 elemente) habe werden die ja normalerweise untereinander ausgegeben.
versehe ich beide mit float:left stehen sie nebeneinander.

ja, richtig.

hier ist es jetzt so das meine erstes element (iframe) ein float left hat und das andere element (p) nicht. - warum wird jetzt p rechts vom iframe ausgegeben ?

Wird es nicht. Das p-Element liegt nach wie vor am linken Rand - gib ihm mal einen Rahmen und/oder eine Hintergrundfarbe, und du siehst es deutlich. Nur der *Inline-Inhalt* des p-Elements (also in erster Linie der Text) fließt um das gefloatete Element herum.

Ciao,
 Martin

[tropenberta]

hi martin

ok verstehe.

hab nen rahmen rum gemacht und kann es jetzt sehen.

hab jetzt nen rahmen um mein textfeld, in dem innerhalb das iframe fenster liegt.

wenn ich mir das so anschaue würde ich meinen das die struktur so aussieht:

<div>
  <iframe />
</div>

aber sie sieht ja so aus:

<iframe />
<p></p>

muss mir glaub ich diese seite mal genauer anschauen

http://de.selfhtml.org/html/referenz/elemente.htm

[Matthias Apsel]

Om nah hoo pez nyeetz, tropenberta!

muss mir glaub ich diese seite mal genauer anschauen
http://de.selfhtml.org/html/referenz/elemente.htm

Das hat mit den Elementen ersteinmal weniger zu tun, eher mit dem, was float bewirkt.

Matthias