Problème de fond de site html
Résolu
fabioderose
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
fabioderose Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
fabioderose Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
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 comme coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Meilleur site de vente entre particulier - Guide
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