probleme fond d'ecran

**audran12** · 02/05/2007, 17h14

bonjour,

J'ai un probleme avec mon site car je voudrai que le fond d'écran orange remplisse completement ma page (http://audran12.free.fr/)

voici mon code de index.html

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta name="verify-v1" content="egORXX3GesLCYu790ompgeTK+emPP3sLY6KhhVDXhA4=" />
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>Site de Fan | Los Globos</title>
		<link rel="SHORTCUT ICON" href="losglobos.ico">
		<meta http-equiv="Content-Type" content="application/xhtml+xml" />
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
	</head>
	<body>
	<div id="pageBody">
		<div id="outer-container">
			<div id="container">
			<div id="header">
				<a href="http://www.losglobos.fr"><div id="headerLeft"></div></a>
				<div id="headerRight"><h1>Toutes les videos de<br /><span class="highlight">LOS GLOBOS</span></h1></div>
			</div>
			<div id="headerNav">
					<div id="centerNav">
					<ul>
							<li id="current"><a href="index.html">Home</a></li>
							<li><a href="Orleans.html">Orleans</a></li>
							<li><a href="#">**!!**</a></li>
							<li><a href="#">**!!**</a></li>
							<li><a href="#">**!!**</a></li>
					</ul>
					</div>
			</div>
			<div id="content">
				Bonjour a toi,<br><br>
				Bienvenue sur le premier site de fan de <a href="http://www.losglobos.fr">LOS GLOBOS</a><br><br>
				Ici vous trouverez toutes les videos des Concerts de <a href="http://www.losglobos.fr">LOS GLOBOS</a><br><br>
				Vous pouvez maintenant telecharger les videos du Concert d'Orléans organisé par la JOC (Jeunesse Ouvriére Chretienne)... Pour ceux que ça interresse : <a href="http://www.joc.asso.fr">www.joc.asso.fr</a><br><br>
				Sinon peut etre que je mettrais des dates de concert mais bon pour ça le mieux c'est d'aller sur le site de <a href="http://www.losglobos.fr">LOS GLOBOS</a>...<br>
			</div>
			<div id="footer">&copy; Copyright At Sea 2006, All Rights Reserved.</div>
			</div>
		</div>
<P align=CENTER><script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=4/5/7135/5/1&ID=227709"></script><P>
 
	</div>
	</body>
</html>

et mon 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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
 
#header {
width:600px;
height:150px;
color:#fff;
font-size:50px;
letter-spacing:-2px;
margin:0;
}
 
.highlight {
color:#F1Ca3f;
}
 
#headerLeft {
background-color:#eaeaea;
height:150px;
width:150px;
float:left;
background:url("losglobos.bmp") no-repeat !important;
}
 
#headerRight {
background-color:#78300A;
color:#fff;
height:150px;
margin-left:155px;
background:url("tvline.gif") repeat !important;
}
 
#headerRight h1 {
padding-top:25px;
padding-left:10px;
font-size:1.2em;
letter-spacing:-5px;
line-height:.6em;
margin:0;
}
 
body {
font-family:verdana;
font-size:12px;
margin:0;
padding:0;
}
 
#pageBody {
background-color:orange;
}
 
#container {
width:600px;
height:auto;
background-color:#FFF;
margin:0 auto auto;
padding:0;
}
 
#nav {
width:80%;
font-family:Verdana, sans-serif;
margin:2em;
padding:5px;
}
 
#nav ul,#nav li {
display:inline;
color:#339;
font-weight:700;
margin:0;
padding:0;
}
 
#nav li a {
height:25px;
width:25px;
background-color:red;
border:1px solid #000;
}
 
#logo {
background-color:#FFF;
text-align:left;
width:600px;
height:auto;
padding-bottom:10px;
padding-left:5px;
font-size:30px;
}
 
#content {
margin-top:50px;
font-size:12px;
text-decoration:none;
text-align:justify;
width:600px;
height:auto;
border-bottom:1px solid #eaeaea;
line-height:160%;
}
 
#content h2 {
color:#000;
font-size:15px;
padding-left:2px;
}
 
 
blockquote {
background-color:#f2f2f2;
width:auto;
margin-left:25px;
margin-right:25px;
display:block;
padding:0.5em 0.5em 0.5em 1em;
}
 
#footer {
color:gray;
font-size:10px;
text-decoration:none;
padding-top:5px;
}
 
img.right {
float:right;
margin-left:5px;
border:1px solid #eaeaea;
padding:5px;
}
 
img.left {
float:left;
margin-right:5px;
border:1px solid #eaeaea;
padding:5px;
}
 
.normal {
color:gray;
text-decoration:none;
}
 
#outer-container {
background-color:#fff;
width:640px;
border:1px solid #888;
margin:auto;
padding:15px 0;
}
 
#centerNav {
padding-left:90px;
}
 
#headerNav {
margin-top:5px;
font-size:93%;
background:url(bg.gif) #F1Ca3f repeat-x 50% bottom;
float:left;
width:100%;
line-height:normal;
padding-bottom:-1px;
}
 
#headerNav UL {
list-style-type:none;
margin:0;
padding:10px 10px 0;
}
 
#headerNav LI {
background:url(left.gif) no-repeat left top;
float:left;
margin:0;
padding:0 0 0 9px;
}
 
#headerNav A {
display:block;
font-weight:700;
background:url(right.gif) no-repeat right top;
color:#765;
text-decoration:none;
float:none;
padding:5px 15px 4px 6px;
}
 
#headerNav A:hover {
color:#333;
}
 
#headerNav #current {
background-image:url(left_on.gif);
}
 
#headerNav #current A {
background-image:url(right_on.gif);
padding-bottom:5px;
color:#333;
}

D'où vient mon erreur?

Merci

**cedsun** · 02/05/2007, 17h17

dans tes css, mets le orange dans le body

Code :

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

1
2
3
4
5
6
7
8
 
body {
font-family:verdana;
font-size:12px;
margin:0;
padding:0;
background-color:orange;
}

**Saturnin** · 02/05/2007, 17h17

[edit] j'avais loupé un morceau de la CSS, la solution de cedsun est la bonne.

**audran12** · 03/05/2007, 09h49

Ok merci beaucoup.

probleme fond d'ecran

HTML

Vue hybride

Discussions similaires

Partager

Partager