28172 sujets

CSS et mise en forme, CSS3

Bonjour, je développe actuellement un site web et j'ai un problème avec les marges de mon conteneur.
Mon site : http://cpmads.890m.com/.
Lorsque le zoom est de 100% sur chrome, on voit tout correctement, le bloc central et les deux bandes bleues du fond correspondant au marge du bloc central par rapport au fond. Cependant, lorsque je vais sur firefox dont le zoom par défaut est 120% ou lorsque je zoom sur chrome a 120%, la marge de droite disparaît.

Merci de votre aide.
Modifié par Funtrac (09 Jul 2015 - 12:48)
Modérateur
Bonjour,

c'est normal car tu ne spécifie pas de marge a droite mais tu spécifies au #conteneur une marge fixe à gauche. Donc ta marge a gauche ne bougera pas au détriment de ta marge de droite.
  margin-left: 275px;

Il vaudrait mieux que tu donne à margin-left et margin-right la valeur "auto".
  margin: 30px auto 0;
Merci de ta réponse.
J'ai fait comme expliqué et j'ai toujours le même problème
Modifié par Funtrac (10 Jul 2015 - 11:54)
Modérateur
Bonjour,

Quand je vais sur ton site le CSS a effectivement un peu évolué depuis la premiere fois mais ce n'est absolument pas ce que j'ai expliqué.
_laurent a écrit :
Il vaudrait mieux que tu donne à margin-left et margin-right la valeur "auto".


#conteneur {
  background-color: #FFF;
  background-repeat: repeat-y;
  width: 1278px;
  margin-top: 30px;
  padding-bottom: 10%;
  margin-left: 15%; /* Là c'est pas auto */
  margin-right: 15%; /* Là non plus */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}