Div-Größe abhängig vom Inhalt
 

Hallo,
ich möchte ein Bild über die Funktion
background-image: url(); einfügen um es flexibel über ein css-file austauschen zu können.

der Code sieht folgendermaßen aus:
D.h. das Bild wird in einem Div platziert. Nun ist mein Problem das ich die Größe des Div an die größe des Bilds anpassen möchte, in dem die Größe automatisch gesetzt wird und nicht durch feste Werte.
Wie könnte ich das gestallten. Alles was ich bis jetzt gefunden und ausprobiert habe hat nicht funktioniert.

Danke

Hallo

Das geht nicht.

In den HTML-Regel ist festgeschrieben, dass Hintergrundbilder keine Informationen enthalten. Ob sie vorhanden sind oder nicht oder nur teilweise angezeigt werden darf am Inhalt einer Seite also nichts ändern.

Deshalb macht es überhaupt keinen Sinn dass andere Elemente auf sie reagieren und ensprechend ist das von dir gewünschte Verhalten in HTML / CSS nicht vorgesehen.

Eventuell kann mit JavaScript eine passende Funktion erstellt werden. Aber so ein Aufwand für informationslose Bilder?

Wenn die Bilder für die Informationen der Seite erforderlich sind sollten sie mittels des img-Elements eingebunden werden.

Insgesamt willst du HTML / CSS für etwas verwenden wofür es überhaupt nicht vorgesehen ist. Deshalb wirst du immer wieder auf solche vermeintliche Probleme stoßen, die aber nur auf Grund deiner falschen Vorstellungen "entstehen".

Gruss

MrMurphy