Problème de positionnement background / corps du site
ludocorpe
-
ludocorpe -
ludocorpe -
Bonjour,
Je travaille actuellement sur un site pour les cours (BTS iris) et je dois faire un site, j'ai bien avancé mais j'ai un problème lorsque je veux change de résolution, les éléments constituants le corps du site et le fond partent n'importe où.....
j'ai utilisé ceci :
body
{
background: url('images/background2.png');
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#container
{
position: fixed;
width:100%px;
margin-left: 322px;
margin-right: 322px;
margin-top: -10px;
}
container est la div qui encadre tout mon site et qui contient tout les éléments.
le site : http://ludovicchausiaux.c-wh.org
merci d'avance !!
Je travaille actuellement sur un site pour les cours (BTS iris) et je dois faire un site, j'ai bien avancé mais j'ai un problème lorsque je veux change de résolution, les éléments constituants le corps du site et le fond partent n'importe où.....
j'ai utilisé ceci :
body
{
background: url('images/background2.png');
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#container
{
position: fixed;
width:100%px;
margin-left: 322px;
margin-right: 322px;
margin-top: -10px;
}
container est la div qui encadre tout mon site et qui contient tout les éléments.
le site : http://ludovicchausiaux.c-wh.org
merci d'avance !!
A voir également:
- Problème de positionnement background / corps du site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site de partage de photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
4 réponses
bonjour,
dans l'état actuel du site, pour le container ce sera plutot :
#container
{
width:919px;
margin:auto;
}
c'est plus propre.
Si par changement de résolution tu entends une structure responsive (tablette, mobile, ...), c'est une autre façon de coder et ton site actuel va etre contraignant (bcp d'image)
dans l'état actuel du site, pour le container ce sera plutot :
#container
{
width:919px;
margin:auto;
}
c'est plus propre.
Si par changement de résolution tu entends une structure responsive (tablette, mobile, ...), c'est une autre façon de coder et ton site actuel va etre contraignant (bcp d'image)
non non je parle de résolution d'écran ^^ sur un écran 17" pas de problème mais sur un 15" par exemple ça plante =)
Il est conseillé d'utiliser le pourcentage, pour que les éléments s'adaptent à l'écran.
Si le site est ouvert à partir d'un ordinateur portable à petit écran, il aura des problèmes de resolution (à cause des px), alors qu'avec les % les éléments s'adaptent à la resolution.
Je pense que cela pourrais t'aider:
#container
{
position: fixed;
width:90%; //ou 100% si ca te va mieux
margin:auto
}
Bonne chance
Si le site est ouvert à partir d'un ordinateur portable à petit écran, il aura des problèmes de resolution (à cause des px), alors qu'avec les % les éléments s'adaptent à la resolution.
Je pense que cela pourrais t'aider:
#container
{
position: fixed;
width:90%; //ou 100% si ca te va mieux
margin:auto
}
Bonne chance
