fond d'écran bouge

**loet-t** · 29/11/2013, 18h41

Bonjour,

Je rencontre un léger problème, j'ai un menu de 4 boutons et quand on clique sur le 3ème le fond d'écran se décale ou zoome je n'arrive pas à bien voir...

Quelqu'un peut-il m'aider ?

voici mon code :
HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML>
<html>
	<head>
		<title>Illusions</title>
		<link rel="stylesheet" href="illu1_style.css" type="text/css"/>	
	</head>
	<body>
 
<div id="cssmenu'">
<ul>
	<div id="bouton">
   <li><a href="illu1.html"><span>Accueil</span></a></li>
   <li><a href="prestidigitation.html"><span>Prestidigitation</span></a></li>
   <li><a href="nikolaj.html"><span>Nikolaj Arndt</span></a></li>
   <li><a href="inter.html"><span>Interview</span></a></li>
   </div>
</ul>
</div>

CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
body{
background-image: url('images/fond.jpg');
background-size: cover;
color: white;
background-attachment:fixed;
}
#cssmenu ul {
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  height: 33px;
  font-size: 12px;
  background: url(images/bg.png) repeat-x top left;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #000;
  margin-top: 50px;
  padding: 0;
}
#cssmenu li {
  display: block;
  float: left;
  padding: 0; 
}
#cssmenu li a {
  float: left;
  color: #25FDE9;
  text-decoration: none;
  height: 24px;
  padding: 9px 15px 0;
  font-weight: normal;  
}
#cssmenu li a:hover,
#cssmenu .active {
  color: #fff;
  background: url(images/bg.png) repeat-x top left;
  text-decoration: none;
}
#cssmenu  a {
  color: #fff;
  font-weight: 700;
}
#cssmenu ul {
  background-color: #25FDE9;
}
#cssmenu li a:hover,
#cssmenu li.active {
  background-color: #25FDE9;
}
#bouton{
display:block;
width: 400px;
margin:auto;
}

**NoSmoking** · 29/11/2013, 20h10

Bonjour,
au vu du code je dirais que lorsque tu cliques sur un lien la page correspondante est chargée.
Si celle ci ne possède pas de barre de scroll verticale, contenu moins haut que la hauteur de la fenêtre, l'impression de décalage vers la droite est réelle, normal puisqu'il y a décalage la largeur de la fenêtre devenant plus grande.

Vérifie si ta page nikolaj.html est plus courte que les autres.