Anzeige

 Hintergrundbild richtig positionieren?


Status
Dieses Thema wurde gelöst! Zur Lösung gehen…
#1
Hallo,

ich habe HIER testhalber ein Bild mit folgendem Code eingefügt:

<style>
body {
background-image: url("http://donnerhuf.de/HG-Bilder/10_97-2.jpg");
background-position:center;
background-attachment:fixed;
background-size:cover;
}
</style>

Dummerweise wird dabei aber das Bild oben beschnitten!

Wie kann ich das bitte berichtigen? Ein halber Kopf ist irgendwie doof... ;-)

Dankeschön schon mal für eventuelle Vorschläge!

Viele Grüße
Norbert
 
#3
Hm... Das verstehe ich nicht. Dieses Bild ist eher zu klein und wird durch 'cover' gestreckt. Nehme ich andere, größere Bilder, werden sie auch abgeschnitten.
Ich denke also, dass dies am verwendeten CMS liegen muss.

Dankeschön und viele Grüße!
 

Sempervivum

Erfahrenes Mitglied
#8
Das lässt sich verbessern durch background-position: center top;
Scrollt man nach unten, wäre es besser, wenn das Bild etwas nach unten verschoben wäre:
background-position: center 50px;
Allerdings taucht dann oben eine freie Fläche auf, wenn die Scrollposition ganz oben ist. Besser das Menü dauerhaft oben lassen.
 
#9
Klasse!!! 'center top' ist die perfekte Wahl!
Und: Das Menü dauerhaft oben lassen war auch ein toller Tipp: Die Page wirkt dadurch besser.

Ganz herzlichen Dank! Dieser gilt auch für alle anderen, die in meinem Beitrag etwas geschrieben haben.
 
Status
Dieses Thema wurde gelöst! Zur Lösung gehen…
Anzeige
Anzeige