Hilfe bei CSS Text mittig zu Bild

[Gunnar Bittersmann]

@@hannes_green

Der Aufbau muss sich flexibel an dem Content der grauen Box ausrichten. Wenn der Text länger wird, muss sich das Bild automatisch in der Höhe anpassen.

Hä? Ich verstehe nicht, was das werden soll.

Das Bild soll ein gewisses Stück über und unter dem Text herausragen.

Aber wie breit soll das Bild sein? Soll es sein Seitenverhältnis beibehalten? Oder feste (Maximal-)Breite und der sichtbare Teil des Bildes wird links und rechts bzw. oben und unten beschnitten?

Wenn letzteres, dann ist es wohl kaum ein Inhaltsbild, sondern Dekoration. Warum steht das dann als <img> im Markup und nicht als background-image im Stylesheet?

Und wie soll abgeschnitten werden? Soll das Bild zentriert sein und links und rechts bzw. oben und unten gleich viel abgeschnitten werden?

Wie breit ist der Text? Maximalbreite?

Wie soll das bei schmaleren Viewports aussehen?

Fragen über Fragen …

🖖 Живіть довго і процвітайте