Discussion :

[zonessai]

Bonjour,

Mon site est quasi prêt. Seul problème, quand je le test sur IE7 pas de soucis, en revanche sur Mozilla le fond est bien centré mais le header et le menu sont collé à gauche alors qu'ils sont censé être centrés... Je ne comprend pas le problème. Quelqu'un aurait il la réponse? Voici mon code CSS:

Code :

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
@charset "utf-8";
/* CSS Document */
 
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
 
body {
position:fixed;
	background-color:#000000;
	background-image:url(fond2.jpg);
             background-repeat: no-repeat;
             margin-top: 0px;
             background-position:50% 115px;
	margin-left: auto;
             margin-right: auto;
	text-align: center;
 
	}
 
#bandeau {
	width:810px;
	height:75px;
	margin-top:0px;
	margin-left: auto;
             margin-right: auto;
	background-color:transparent;
	text-align:center; 
	}
#menu{
            background-color:transparent;
            width: 810px;
	height: 30px;
	margin-top: 0px;
	margin-left: auto;
             margin-right: auto;
	text-align: center;
	}
#fond{
    width: 810px;
	height: 470px;
	margin-left: auto;
             margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-left:0px;
	padding-right:0px;
	}
 
 
#sousmenu{
background-color:#990000;
    width: 770px;
	height: 24px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
 
 
#cadredewslider{
	position:fixed;
	background-color:#000000;
	position:relative;
	width: 510px;
	height: 288px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: auto;
	text-align: center;
	padding-top:5px;
	}
#cadredossierphotodewslider1{
            position:relative;
           background-color:transparent;
	width: 500px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

Merci pour votre aide

[Bisûnûrs]

A priori, d'après ton code CSS, ton menu devrait être centré. As-tu le HTML correspondant, ou mieux, un lien vers le problème en question ?

Cela dit, un position:fixed sur le body ... Ca peut entrainer pas mal de bugs.

[zonessai]

Merci beaucoup! J'ai enlevé la position fixed au body, résultat tout est bien centré comme je le voulais, sur ie7 ET sur Firefox! Vraiment MERCI

En revanche qd je reduis la fenetre de droite à gauche le header et le menu sont stoppé au bon endroit par leur marges, mais sous firefox le fond (l'image de fond continu de défiler... ce qui me semble en fait normal... mais il doit y avoir un moyen de régler ça , qu'en penses-tu?