@@Achot > > Was heißt „links davon“? Sollen sie das Bild umfließen? Oder soll unter dem Bild frei bleiben? > > Unter dem Bild soll frei bleiben. OK, also nicht einfach `float`. Es wäre ein leichtes, wenn die Absätze, die neben dem Bild stehen sollen, in einem Containerelement (`div`) gewrappt wären. Müssen sie aber nicht sein, es geht auch ohne – bei feststehender Bildbreite: Das Bild[^1] [^2] steht im Markup direkt nach dem (letzten) Absatz, der über die volle Breite gehen soll. Die auf das Bild folgenden Absätze (`figure ~ p`) bekommen rechten Abstand (Bildbreite + etwas Zwischenraum) verpasst. Das Bild wird absolut positioniert und rechts ausgerichtet. Das Ganze aber nur per _media query_{: @en} für breiten Viewport. Bei schmalem Viewport wird das Bild per Flexbox/`order` hinter dem gewünschten Absatz plaziert. ☞ [Codepen](http://codepen.io/gunnarbittersmann/pen/ggpeVv/left?editors=0100) [^3] LLAP 🖖 [^1]: [Ob `figure` hier angebracht ist](https://forum.selfhtml.org/self/2016/aug/3/webseite-mit-div-container-in-ie-nicht-richtig-dargestellt/1672816#m1672816), lässt sich ohne den Inhalt zu kennen nicht sagen. Vielleicht ist es auch nur ein blankes `img`-Element; Styles dann für dieses angeben. [^2]: Zu `width: min-content` siehe [diesen Thread](https://forum.selfhtml.org/self/2016/dec/12/bild-plus-text-mit-link-versehen/1682549#m1682549). [^3]: BTW, zum _lobotomized owl selector_{: @en} siehe [Heydons ALA-Artikel](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) -- _„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe

@@Achot > > Was heißt „links davon“? Sollen sie das Bild umfließen? Oder soll unter dem Bild frei bleiben? > > Unter dem Bild soll frei bleiben. OK, also nicht einfach `float`. Es wäre ein leichtes, wenn die Absätze, die neben dem Bild stehen sollen, in einem Containerelement (`div`) gewrappt wären. Müssen sie aber nicht sein, es geht auch ohne – bei feststehender Bildbreite: Das Bild[^1] steht im Markup direkt nach dem (letzten) Absatz, der über die volle Breite gehen soll. Die auf das Bild folgenden Absätze (`figure ~ p`) bekommen rechten Abstand (Bildbreite + etwas Zwischenraum) verpasst. Das Bild wird absolut positioniert und rechts ausgerichtet. Das Ganze aber nur per _media query_{: @en} für breiten Viewport. Bei schmalem Viewport wird das Bild per Flexbox/`order` hinter dem gewünschten Absatz plaziert. ☞ [Codepen](http://codepen.io/gunnarbittersmann/pen/ggpeVv/left?editors=0100) [^2] LLAP 🖖 [^1]: [Ob `figure` hier angebracht ist](https://forum.selfhtml.org/self/2016/aug/3/webseite-mit-div-container-in-ie-nicht-richtig-dargestellt/1672816#m1672816), lässt sich ohne den Inhalt zu kennen nicht sagen. Vielleicht ist es auch nur ein blankes `img`-Element; Styles dann für dieses angeben. [^2]: BTW, zum _lobotomized owl selector_{: @en} siehe [Heydons ALA-Artikel](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) -- _„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe

@@Achot > > Was heißt „links davon“? Sollen sie das Bild umfließen? Oder soll unter dem Bild frei bleiben? > > Unter dem Bild soll frei bleiben. OK, also nicht einfach `float`. Es wäre ein leichtes, wenn die Absätze, die neben dem Bild stehen sollen, in einem Containerelement (`div`) gewrappt wären. Müssen sie aber nicht sein, es geht auch ohne – bei feststehender Bildbreite: Das Bild[^1] steht im Markup direkt nach dem (letzten) Absatz, der über die volle Breite gehen soll. Die auf das Bild folgenden Absätze (`figure ~ p`) bekommen rechten Abstand (Bildbreite + etwas Zwischenraum) verpasst. Das Bild wird absolut positioniert und rechts ausgerichtet. Das Ganze aber nur per _media query_{: @en} für breiten Viewport. Bei schmalem Viewport wird das Bild per Flexbox/`order` hinter dem gewünschten Absatz plaziert. ☞ [Codepen](http://codepen.io/gunnarbittersmann/pen/ggpeVv/left?editors=0100) [^2] LLAP 🖖 [^1]: [Ob `figure` hier angebracht ist](https://forum.selfhtml.org/self/2016/aug/3/webseite-mit-div-container-in-ie-nicht-richtig-dargestellt/1672816#m1672816), lässt sich ohne den Inhalt zu kennen nicht sagen. Vielleicht ist es auch nur ein blankes `img`-Element; Styles dann für dieses angeben. [^2]: Zum _lobotomized owl selector_{: @en} siehe [Heydons ALA-Artikel](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) -- _„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe

@@Achot > > Was heißt „links davon“? Sollen sie das Bild umfließen? Oder soll unter dem Bild frei bleiben? > > Unter dem Bild soll frei bleiben. OK, also nicht einfach `float`. Es wäre ein leichtes, wenn die Absätze, die neben dem Bild stehen sollen, in einem Containerelement (`div`) gewrappt wären. Müssen sie aber nicht sein, es geht auch ohne – bei feststehender Bildbreite: Das Bild[^1] steht im Markup direkt nach dem (letzten) Absatz, der über die volle Breite gehen soll. Die auf das Bild folgenden Absätze (`figure ~ p`) bekommen rechten Abstand (Bildbreite + etwas Zwischenraum) verpasst. Das Bild wird absolut positioniert und rechts ausgerichtet. Das Ganze aber nur für breitem Viewport. Bei schmalem Viewport wird das Bild per Flexbox/`order` hinter dem gewünschten Absatz plaziert. ☞ [Codepen](http://codepen.io/gunnarbittersmann/pen/ggpeVv/left?editors=0100) [^2] LLAP 🖖 [^1]: [Ob `figure` hier angebracht ist](https://forum.selfhtml.org/self/2016/aug/3/webseite-mit-div-container-in-ie-nicht-richtig-dargestellt/1672816#m1672816), lässt sich ohne den Inhalt zu kennen nicht sagen. Vielleicht ist es auch nur ein blankes `img`-Element; Styles dann für dieses angeben. [^2]: Zum _lobotomized owl selector_{: @en} siehe [Heydons ALA-Artikel](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) -- _„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe