Erreurs courantes : L'arrière-plan est rogné
lors de la visualisation du fichier exemple, il n'y a aucun problème lorsque la résolution est inférieure à 1280. Mais si votre moniteur a une résolution supérieure à 1 280 pixels, vous verrez des parties autres que l’image d’arrière-plan.
Solution simple au problème : définissez la couleur des bords de l’image sur la même couleur que la couleur d’arrière-plan de la page Web. Ici, j'utilise Web Designer Wall comme exemple. Regardez l'image ci-dessous. Notez que les bords de l'image sont de couleurs unies.
Partie CSS
Cette partie est très simple, définissez l'image de fond de l'élément body (positionné au centre, en haut)
Voici le code CSS :
corps { remplissage : 0 ; marge : 0 ; arrière-plan : #f8f7e5 url(wdw-bg.jpg) en haut au centre sans répétition ; largeur : 100 % ; affichage : tableau ; } |
Notez qu'il y a deux lignes supplémentaires dans le sélecteur de corps. Cela permet d'éviter que l'image d'arrière-plan ne change lorsque la fenêtre du navigateur est plus petite que la largeur du contenu, ce qui se produira dans Firefox.