Background de site fixe quand le reste bouge
Résolu/Fermé
alexou1984
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
-
15 nov. 2008 à 04:20
kucie - 24 oct. 2010 à 19:29
kucie - 24 oct. 2010 à 19:29
A voir également:
- Gvrbackgroundwindow3 windows 10
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Meilleur site de vente entre particulier - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
5 réponses
Bonjour,
Pour que le background reste fixe pendant que tu joue avec les "ascenseurs" (tu scrolles) , il y a une propriété css pour ça ...
dès le début de ton css , il doit y avoir ça :
body
{
width: 790px;
margin: auto;
background-image: url("images/bg.gif");
background-attachment: fixed; /* <-- C'est cette propriété qui te sers à figer le fond !*/
font-family: "Times New Roman", Georgia, Arial, serif;
}
Les autres propriétés sont facultatives mais elles rendent service :
width: 790px , c'est pour que les utilisateurs avec une faible résolution d'écran aient un site correct
margin: auto , ça te sert à centrer ton site
background-image , tu l'as compris : c'est le chemin vers l'image du fond de ton site
font-family , c'est la liste de polices utilisées pour le site (on commence par la première)
Voilou , j'espère que j'ai répondu à ta question :=)
A peluche !
Pour que le background reste fixe pendant que tu joue avec les "ascenseurs" (tu scrolles) , il y a une propriété css pour ça ...
dès le début de ton css , il doit y avoir ça :
body
{
width: 790px;
margin: auto;
background-image: url("images/bg.gif");
background-attachment: fixed; /* <-- C'est cette propriété qui te sers à figer le fond !*/
font-family: "Times New Roman", Georgia, Arial, serif;
}
Les autres propriétés sont facultatives mais elles rendent service :
width: 790px , c'est pour que les utilisateurs avec une faible résolution d'écran aient un site correct
margin: auto , ça te sert à centrer ton site
background-image , tu l'as compris : c'est le chemin vers l'image du fond de ton site
font-family , c'est la liste de polices utilisées pour le site (on commence par la première)
Voilou , j'espère que j'ai répondu à ta question :=)
A peluche !
alexou1984
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
35
23 nov. 2008 à 16:23
23 nov. 2008 à 16:23
UP !!!
alexou1984
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
35
5 déc. 2008 à 01:48
5 déc. 2008 à 01:48
UP !!!
alexou1984
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
35
8 déc. 2008 à 22:55
8 déc. 2008 à 22:55
UP !!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
alexou1984
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
35
19 déc. 2008 à 23:22
19 déc. 2008 à 23:22
UP !!!
24 oct. 2010 à 19:29
Voilà j'ai fini un site et j'ai ce problème, j'ai mis comme tu dis au dessus, dans body:auto;
mais je remarque que qd je clique sur les pages différentes il y a un décalage, surtout sur les pages plus longues.
J'ai essayé de mettre alors une marge à gauche dans body et là je n'ai plus de problème mais ce n'est pas la solution.
Comment faire?
Merci