Problème de fond de site html
Résolu
fabioderose
Messages postés
5
Statut
Membre
-
fabioderose Messages postés 5 Statut Membre -
fabioderose Messages postés 5 Statut Membre -
Bonjour,
Je développe pour une société un petit site dans le cadre de mon Bts,
mon souci concerne le "fond" du site.
En effet, j'ai fixé celui ci pour que lors du scroll il reste fixe mais la page est
légèrement trop large, et quand je décale sur le côté la barre de défilement
tout mon site bouge et le fond reste fixe, posant un problème de superposition
d'écriture et de fond.
L'affichage du site sur mon écran de pc portable est parfaite mais sur un pc avec
une résolution différente ce problème se pose.
Comment remédier à cette erreur ?
Merci.
Je développe pour une société un petit site dans le cadre de mon Bts,
mon souci concerne le "fond" du site.
En effet, j'ai fixé celui ci pour que lors du scroll il reste fixe mais la page est
légèrement trop large, et quand je décale sur le côté la barre de défilement
tout mon site bouge et le fond reste fixe, posant un problème de superposition
d'écriture et de fond.
L'affichage du site sur mon écran de pc portable est parfaite mais sur un pc avec
une résolution différente ce problème se pose.
Comment remédier à cette erreur ?
Merci.
A voir également:
- Problème de fond de site html
- Site de telechargement - Accueil - Outils
- Site de partage de photos - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Meilleur site de vente entre particulier - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
4 réponses
J'ai utilisé dans mon CSS:
body
{
background: url("fondsite.png") fixed;
}
Qui marche d'ailleurs parfaitement pour une page qui prend juste la largeur de l'écran (qui dépasse pas)
J'ai trouvé sur un site ceci :
"background-repeat accepte 4 attributs : no-repeat ; repeat-x pour une répétition de l'image uniquement horizontale ; repeat-y pour une répétition uniquement verticale ; et repeat pour la mosaïque complète.
Vous aurez noté, bien sûr, que les pourcentages dans le background-position offrent plus de latitude que les attributs [right|center|left] [top|center|bottom]."
Mais rien à faire.
body
{
background: url("fondsite.png") fixed;
}
Qui marche d'ailleurs parfaitement pour une page qui prend juste la largeur de l'écran (qui dépasse pas)
J'ai trouvé sur un site ceci :
"background-repeat accepte 4 attributs : no-repeat ; repeat-x pour une répétition de l'image uniquement horizontale ; repeat-y pour une répétition uniquement verticale ; et repeat pour la mosaïque complète.
Vous aurez noté, bien sûr, que les pourcentages dans le background-position offrent plus de latitude que les attributs [right|center|left] [top|center|bottom]."
Mais rien à faire.
Je te conseillerai de fixer le background avec quelque choses comme ça:
body {
min-width: 960px;
background: transparent
url("fondsite.png")
fixed top center;
color: white;
}
C'est toujours important de définir la taille minimum de ta page. pour permete a la barre de scroll d'apparaître seulement quand tu le désire .
Essai ça et dis moi
body {
min-width: 960px;
background: transparent
url("fondsite.png")
fixed top center;
color: white;
}
C'est toujours important de définir la taille minimum de ta page. pour permete a la barre de scroll d'apparaître seulement quand tu le désire .
Essai ça et dis moi