JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="jolle775, post: 8178, member: 1694"] Grüßt euch, bei einem Projekt [URL]https://dorianbeck.com[/URL] möchte ich das Startbild 1. Über die komplette Breite/Länge 2. Responsive 3. Resourcenschonend sowie 4. bei verkleinerung auf Ipad/Handy die beiden Gebirgsspitzen im rechten Drittel Fokusieren Derzeit besteht das ganze aus einem div, der als Hintergrund das besagte Bild hat. [CODE] #splash { background-image: url('https://www.dorianbeck.com/assets/img/DSC_1200.png'); background-size: cover; background-repeat: no-repeat; } [/CODE]Vorher hatte ich ein Code, der verschiedene Bilder bei verschiedenen Viewportgrößen geladen hat. Ging ganz nett, dann waren diese aber nicht über den kompletten Bildschirm, manchmal unten ein weißer Rand etc. Gibt es für die Zentrierung auf die 2 Spitzen eine andere, code basierende Lösung, ohne das ich das Bild für jeden Viewport mir so zurechtschneide wie ichs brauche? Vielen Dank im Voraus [/QUOTE]