Scrollbar -> disparition du fond
Résolu
bast35
Messages postés
16
Date d'inscription
Statut
Membre
Dernière intervention
-
bast35 Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
bast35 Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je réalise actuellement un site et je rencontre un soucis que j'ai illustré à l'aide de ces images :
Donc voici l'affichage normal de la page, sans réduction de la fenêtre du navigateur :
http://img15.hostingpics.net/pics/119034normal.png
Lorsque je rétrécit le navigateur (peut-importe lequel), j'obtiens la scrollbar, tout a fait normal :
http://img15.hostingpics.net/pics/246858normalretrecit.png
Mais lorsque je fais défiler la page vers la droite pour voir le reste, le fond disparaît comme on peut le voir ici :
http://img15.hostingpics.net/pics/645395beug.png
Donc je fais appel à votre aide car je n'ai pas réussi à trouver sur le net la solution et je n'ai aucune idée sur la cause.
Merci
Bonne soirée
--
Je réalise actuellement un site et je rencontre un soucis que j'ai illustré à l'aide de ces images :
Donc voici l'affichage normal de la page, sans réduction de la fenêtre du navigateur :
http://img15.hostingpics.net/pics/119034normal.png
Lorsque je rétrécit le navigateur (peut-importe lequel), j'obtiens la scrollbar, tout a fait normal :
http://img15.hostingpics.net/pics/246858normalretrecit.png
Mais lorsque je fais défiler la page vers la droite pour voir le reste, le fond disparaît comme on peut le voir ici :
http://img15.hostingpics.net/pics/645395beug.png
Donc je fais appel à votre aide car je n'ai pas réussi à trouver sur le net la solution et je n'ai aucune idée sur la cause.
Merci
Bonne soirée
--
A voir également:
- Scrollbar -> disparition du fond
- Comment mettre une vidéo en fond d'écran - Guide
- Fond de page word - Guide
- Trame de fond word - Guide
- Google fond noir - Guide
- Enlever le fond d'une image - Guide
4 réponses
Salut,
C'est bien de montrer le problème, mais avec ce seul matériel, tout ce que l'on peut dire c'est que cela se passe ainsi...
Je ne vois même pas ce que tu veux dire quand tu dis que le fond disparaît. Qu'est-ce qui représente le fond ?
Ta page n'est pas accessible directement? Cela aiderait.
C'est bien de montrer le problème, mais avec ce seul matériel, tout ce que l'on peut dire c'est que cela se passe ainsi...
Je ne vois même pas ce que tu veux dire quand tu dis que le fond disparaît. Qu'est-ce qui représente le fond ?
Ta page n'est pas accessible directement? Cela aiderait.
Salut telliak,
déjà merci d'apporter ton aide
je vais essayer d'apporter plus de précision et de répondre à tes questions.
Le site est en local pour le moment donc pas d'accès possible.
Je vais essayer de préciser certaines informations :
Donc voici comment se compose la partie haute de mon site :
http://img15.hostingpics.net/pics/85537137nm.png
alors voila ce qui se passe :
Le background-image associé au header et le background-color associé au nav disparaissent au profit du fond associé au Body.
Voici une partie du CSS :
déjà merci d'apporter ton aide
je vais essayer d'apporter plus de précision et de répondre à tes questions.
Le site est en local pour le moment donc pas d'accès possible.
Je vais essayer de préciser certaines informations :
Donc voici comment se compose la partie haute de mon site :
http://img15.hostingpics.net/pics/85537137nm.png
alors voila ce qui se passe :
Le background-image associé au header et le background-color associé au nav disparaissent au profit du fond associé au Body.
Voici une partie du CSS :
body {
background-repeat:no-repeat;
background-color:#848484;
background-image:url(images/background-all.jpg);
background-repeat:no-repeat;
margin:0px;
}
header {
margin-top : 0px;
margin-bottom:0px;
width:100%;
height:82px;
font-family : Arial;
background-image:url(images/header_background.png);
background-repeat:repeat;
background-attachment : fixed;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #FF0000;
}
nav {
width:100%;
height:200px;
font-family : Arial;
background-color:#F2F2F2;
margin-top:0px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
border-bottom: 5px solid #D8D8D8;
}
Bonjour,
Lorsque je rétrécit le navigateur (peut-importe lequel), j'obtiens la scrollbar, tout a fait normal :
Non, en 2014 ce n'est pas "normal" ce comportement à la réduction de la fenêtre. Avec la multiplication des accès via tablettes et smartphones, il ne faut pas qu'on obtienne une barre de scroll horizontal quand la fenêtre est moins large mais que le site s'adapte. On appelle ça le responsive design.
Je vous conseille fortement de vous y pencher, en plus de solutionner ce soucis de fond qui disparaît vous aurez un site accessible correctement au plus grand nombre.
Lorsque je rétrécit le navigateur (peut-importe lequel), j'obtiens la scrollbar, tout a fait normal :
Non, en 2014 ce n'est pas "normal" ce comportement à la réduction de la fenêtre. Avec la multiplication des accès via tablettes et smartphones, il ne faut pas qu'on obtienne une barre de scroll horizontal quand la fenêtre est moins large mais que le site s'adapte. On appelle ça le responsive design.
Je vous conseille fortement de vous y pencher, en plus de solutionner ce soucis de fond qui disparaît vous aurez un site accessible correctement au plus grand nombre.