Div skaliert sich anhand seines Hintergrundbildes ?

[KireSchattenhaar]

Hey ihr, ich hab mal eine Frage und hoffe jemand kann mir helfen.

Ich habe ein Bild, welches ich mit folgenden Style deklariere:

width:100%; 
height:auto;

So, jetzt passt sich das Bild immer an die volle breite der Website an (wenn entsprechend im HTML platziert), es skaliert also fein mit, wenn sich die Auflösungsgröße ändert.

Jetzt hätte ich gern GENAU diesen Effekt gern mit einem Div, welches ein Hintergrundbild besitzt. Es soll automatisch anhand der Maße des Hintergrundbildes die selbe Skalierung durchführen. Mein erster Ansatz war es mit entsprechenden Prozentangaben zu versuchen, welche ein Seitenverhältnis beschreiben bspw. 1:2,35. Das bringt mich zwar in die richtige Richtung, aber ich bin immer noch nicht ganz da wo ich will, denn von Browser zu Browser und auch Anwender variiert ja die Höhe des Browsers.

Wie würdet ihr das angehen?

 

[cebito]

AW: Div skaliert sich anhand seines Hintergrundbildes ?

background-size:cover;

dabei füllt das Hintergrundbild immer das gesamte Element aus ohne verzerrt zu werden. Passend dazu

background-position: 50% 50%;