Probleme mit Textumfluss

[kshade]

Erstmal Hallo

Ich hab ein Problem mit dem Stylesheet meiner Seite (der Mist, dens da zu lesen gibt, ist vor allem als Platzhalter gedacht), und zwar soll das Bild im obersten Artikel in den Textfluss integriert werden.

Jeder der Artikel liegt in einem eigenen div, das Bild und seine Unterschrift sind wiederum ein div mit dem Style imagecontainer, das Bild ist ein Link auf die größere Version.

Nun das Problem: Entweder das Bild fügt sich nicht in den Textfluss ein, steht also über dem Text, oder guckt, wenn ich das container-div links floate, aus dem Artikel-div heraus (wie jetzt im augenblick).

Mein Problem ist also: Wie kann ich das div vom Artikel automatisch so vergrößern, dass es auch das Bild fasst?

[Pingu]

Du mußt ein clear einbauen, also z.B.:

<div class="container">
    <img ... />
    <p> ... </p>
    <div class="clear">
</div>

und dann einfach

.clear {
    clear: both;
}

oder auch

.container .clear {
    clear: left;
}

oder wie Du halt willst.

Pingu

[kshade]

Vielen Dank, funktioniert perfekt.

[kshade]

Hm, klappt doch nicht so toll wie man erwarten sollte, der IE hat leider einen Bug, der den Inhalt der Box verschwinden lässt. Mit position: relative an diversen Divs zeigt aber auch der Exploder die Seite ordentlich an.