Antworten auf deine Fragen:
Neues Thema erstellen

Div skaliert sich anhand seines Hintergrundbildes ?

KireSchattenhaar

Nicht mehr ganz neu hier

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

Ich habe ein Bild, welches ich mit folgenden Style deklariere:
Code:
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

undefined

AW: Div skaliert sich anhand seines Hintergrundbildes ?

Code:
background-size:cover;
dabei füllt das Hintergrundbild immer das gesamte Element aus ohne verzerrt zu werden. Passend dazu
Code:
background-position: 50% 50%;
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.564
Beiträge
1.538.064
Mitglieder
67.487
Neuestes Mitglied
MichaelSEivy
Oben