Problème de mise en page

**darcy** · 12/11/2006, 20h28

J'ai vraiment le soucis du backround image et même si je vire l'image, c'est toujours le même soucis, un gros décalage à droite.
Qu'est ce que je peux faire pour remédier à cela?
Car le border que l'on voit matérialisé en 10 px et de couleur noir semble bien déterminer la taille du site non?
mais pourquoi ce tel décalage à droite alors?

Merci

Le code :

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
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
 
#en-tete 
	{
 
 
 
	position:relative;
	height: none;
	background-image:url(images/essaiban1.jpg);
	padding: 30px;
	background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
	background-position:center;
	width:90%;
 
 
 
	}
 
body 
	{
	font-size:small;
	width:1024px;
	background-color:#bdbdbd;
    margin:0px;
	background-image: url(images/beauce12.jpg);
    background-position:top left;
	background-position-x:top;
    background-position-y:top;
 
	background-repeat:no-repeat;
    padding:10px;
	border: 10px solid black;
	}
 
 
 
 
 
HTML { overflow-x :hidden ; }
 
 
 
 
#conteneur { 
 
	width:720px;
	margin:auto;
	padding:50px;
	border:3px solid  #FFFFFF;
	background: #b3ccef;
	margin-top:60px;
 
 
    font-size: 14px;
	font-style:normal;
	line-height:230%;
	background-image:url(images/LOGO.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
 
	}
 
 
li {
font-family: "Verdana", Arial, Helvetica, sans-serif;
list-style-type:square;
text-decoration:none;
	}
 a.lire {
 
  text-decoration: none;
 
}
a.lire:hover {
color:#E7830D;
text-decoration:none;
background-color:#780000;
}
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
 
list-style-type: none;
}
#menu {
position:  absolute;
margin-left:200px;
margin-right:350px;
 
top: 0;
left: 0;
z-index:100;
width: 100%;
 
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:#5897b6;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#pied-de-page 
	{
	color: white;
	font-size: 9px;
	line-height: 16px;
	background-color: #6b6c5a;
	text-align: center;
	letter-spacing: 6px;
	height: 16px;
	clear: left

**Bisûnûrs** · 12/11/2006, 21h55

Code CSS :

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

1
2
3
4
body{
   margin:0;
   padding:0;
}

Ou plus généralement, mettre ça au début de ta feuille de style :

Code CSS :

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

1
2
3
4
*{
   margin:0;
   padding:0;
}

**darcy** · 12/11/2006, 22h13

Bonsoir,

J'ai mis ce que vous avez dit mais cela ne m'a pas corrigé l'érreur

regardez, j'ai enlever le code : HTML { overflow-x :hidden ; } et avec la barre qui est en bas de page on voit bien que le site s'étire sur la droite...

http://donnezlela.com/

Faut il que je refasse complètement cette mise en page?
Désolé mais je suis un peu paumé..
Merci de suivre mon problème

**Bisûnûrs** · 12/11/2006, 22h57

Désolé, j'avais mal compris ton problème.

En effet, ton problème est dû aux width:100%; du body et du menu.

Change les deux en width:95%; et mets margin-left:0; au menu et non margin-left:250px;.

Maintenant ça passe et tu peux ajuster pour que ça prenne toute ta fenêtre en largeur.