Text-um-Bild - Problem...

[Hendrik]

Hey!

Ich habe ein Bild und lasse darum Text fließen, ungefähr so:

  
<img src="podcasthoerer.jpg" alt="Das Podcasthörererkennungszeichen" style="float: left; margin: 0 40px 0 0;">  
<p>Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text</p>  

Jetzt möchte ich aber nach diesem Absatz, der weniger hoch ist als das Bild, unterhalb vom Bild weiterschreiben können, ungefähr so:

  
<p style="clear: left;">Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb Text unterhalb</p>  

Das würde auch wunderbar funktionnieren, wenn meine Seite nicht sowieso schon aus links und rechts gefloateten Boxen bestünde. Also wird es unterhalb dieser Boxen (Navigationsleiste, Besucherzähler, etc.) angezeigt, was ich natürlich nicht möchte.

Meine Frage jetzt: Gibt es eine Möglichkeit, dass nur das vorherig gefloatete Element gecleart wird (dummes Wort, weiß ich)? Wie kann ich das machen?

Danke für eure Hilfe!

Hendrik

[Mathias Brodala]

Hallo Hendrik.

<img src="podcasthoerer.jpg" alt="Das Podcasthörererkennungszeichen" style="float: left; margin: 0 40px 0 0;">
<p>Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text</p>

  
Besser wäre es, wenn du die Grafik in den Absatz mit hinein packst. Dies ist erstens unter Umständen strukturell sinnvoller und zweitens kannst du dem Absatz dann einen von visible abweichenden Wert für overflow verpassen, womit er einen eigenen [Block Formatting Context](http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#wunderwaffe-overflow) bildet. Damit kann die Grafik dann nicht mehr über die Absatzgrenze hinausfließen.  
  
  
Einen schönen Sonntag noch.  
  
Gruß, Mathias  

-- 
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|  
  
debian/rules

[Hendrik]

Hey!

Besser wäre es, wenn du die Grafik in den Absatz mit hinein packst. Dies ist erstens unter Umständen strukturell sinnvoller und zweitens kannst du dem Absatz dann einen von visible abweichenden Wert für overflow verpassen, womit er einen eigenen Block Formatting Context bildet. Damit kann die Grafik dann nicht mehr über die Absatzgrenze hinausfließen.

Danke, habe es jetzt so gemacht:

  
<p style="overflow: auto;">  
<img src="podcasthoerer.jpg" alt="Das Podcasthörererkennungszeichen" style="float: left; margin: 0 40px 0 0;">  
Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text  
</p>  
<p><!--Dieser Absatz steht jetzt unterhalb-->  
Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text Viel Text  
</p>  

Meintest du das so? Kann ich das einfach so machen? Erscheint mir zu leicht...

Hendrik

[Mathias Brodala]

Hallo Hendrik.

Danke, habe es jetzt so gemacht:
[…]

Meintest du das so? Kann ich das einfach so machen?

Natürlich. Deswegen habe ich auch den Artikel im SELFHTML Aktuell Weblog verlinkt.

Erscheint mir zu leicht...

Warum? Weil der IE ausnahmsweise mitspielt?

Einen schönen Sonntag noch.

Gruß, Mathias

[Hendrik]

Hey!

Warum? Weil der IE ausnahmsweise mitspielt?

Denkste, bei dem siehts aus wie vorher auch...
Was jetzt?

Hendrik

[Mathias Brodala]

Hallo Hendrik.

Warum? Weil der IE ausnahmsweise mitspielt?

Denkste, bei dem siehts aus wie vorher auch...
Was jetzt?

Du hast den Artikel im SELFHTML Aktuell Weblog gelesen?

Einen schönen Sonntag noch.

Gruß, Mathias

[Hendrik]

Hey!

Warum? Weil der IE ausnahmsweise mitspielt?

Denkste, bei dem siehts aus wie vorher auch...
Was jetzt?

Du hast den Artikel im SELFHTML Aktuell Weblog gelesen?

Naja, nicht ganz so. Soll ich jetzt also hasLayout nutzen? Wie kann man das machen? Könntest du mir ein Codebeispiel geben? Danke!

Hendrik

[Mathias Brodala]

Hallo Hendrik.

Warum? Weil der IE ausnahmsweise mitspielt?

Denkste, bei dem siehts aus wie vorher auch...
Was jetzt?

Du hast den Artikel im SELFHTML Aktuell Weblog gelesen?

Naja, nicht ganz so.

Dann hole dies bitte nach. (Zumindest bis einschließlich des Absatzes „Der Internet Explorer, ein Universum für sich“.)

Einen schönen Sonntag noch.

Gruß, Mathias

[D.R.]

Hallo,

Du hast den Artikel im SELFHTML Aktuell Weblog gelesen?

Naja, nicht ganz so. Soll ich jetzt also hasLayout nutzen? Wie kann man das machen? Könntest du mir ein Codebeispiel geben? Danke!

Warum erließt du es dir nicht <strong>selbst[1]</strong>? Steht doch genau da, was du machen musst.

[1] deutsche übersetzung für SELF

mfg. Daniel

[Hendrik]

Hey!

Ich habe jetzt einfach in mein <p>-Element für alle Browser ein overflow: auto; und für den IE per Hack ein overflow: visible; und ein height: 1%; eingefügt.

Jetzt klappt auch alles, allerdings verstehe ich nicht, wieso ihr mir das nicht einfach sagen konntet?! Klar, man soll es verstehen, nicht wahr?

Naja, bis bald mal wieder.

Hendrik

[D.R.]

Hallo,

Ich habe jetzt einfach in mein <p>-Element für alle Browser ein overflow: auto; und für den IE per Hack ein overflow: visible; und ein height: 1%; eingefügt.

Gut, du hast es verstanden. :-)

Jetzt klappt auch alles, allerdings verstehe ich nicht, wieso ihr mir das nicht einfach sagen konntet?! Klar, man soll es verstehen, nicht wahr?

Ich hab wirklich überlegt, ob ich dir das jetzt exakt aufschreibe oder nicht. Allerdings ist das halt das SELF-Forum, und hier wird halt auch ein bisschen Eigeninitiative verlangt.

Mal im Ernst: War es soo schwer, da nötige herauszulesen? IMHO stand dort genau das, was man hier hätte schreiben können. Oder hätte dir ein copy&paste des dortigen Inhalts besser gefallen? ;-)

Fazit: Wenn dort alles auf Englisch gestanden hätte, hätte ich es hier gepostet.

mfg. Daniel

[Detlef G.]

Hallo Hendrik

Meintest du das so? Kann ich das einfach so machen? Erscheint mir zu leicht...

So leicht wäre es, wenn es unseren "Lieblingsbrowser" nicht gäbe. Du hast auf der verlinkten Seite nicht weitergelesen, dann wäre dir Der Internet Explorer, ein Universum für sich aufgefallen.

Auf Wiederlesen
Detlef

[Detlef G.]

Hallo Hendrik

Jetzt möchte ich aber nach diesem Absatz, der weniger hoch ist als das Bild, unterhalb vom Bild weiterschreiben können, ungefähr so:

Eine weitere Möglichkeit besteht darin, dem Textabsatz eine Mindesthöhe (nur dem IE eine Höhe) entsprechend der Bildhöhe zu verpassen.

Auf Wiederlesen
Detlef