Salut, j'ai un ptit souci, je n'arrive pas obligé mon div a prendre la totalité de ma page, et obligé un div a rester en pied de page.

Pourriez-vous m'aider?

voici mon css et mon fichier htm

en gros, je souhaiterai que le div pied de page, reste toujours dans le fond de ma page, et que le div contenu soit de taille variable, mais restant tjr accolé au pied de page afin d'éviter un vide en bas de page lorsque je n'ai pas beaucoup de contenu.

Merci

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<body>
<div id="global">
<div id="entete"></div>
<div id="menu">
	<div id="menuhaut"></div>
	<div id="menubas"></div>
</div>
<div id="contenu">test</div>
<div id="piedpage"></div>
</div>
</body>

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
 
body {
	margin-left:0;
	margin-top:0;
}
 
div#global {
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-left:17px;
	width: 816px;
	height:800px;
	background-image:url(../img/background.jpg);
}
 
div#entete {
	width:800px;
	height:251px;
	background-image:url(../img/header.jpg)
}
 
div#piedpage {
	width:800px;
	height:50px;
	background-color:#00CC00;
	clear:both;
}
 
div#menu {
	float:left;
	width:100px;
	height:400px;
	background-color:#ffffff;
}
 
div#menuhaut {
	width:257px;
	height:20px;
	background-image:url(../img/back-menu.jpg);
	background-color:#66cc33;
}
 
div#menubas {
	width: 257px;
	height:50px;
	background-image:url(../img/back-menu_down.jpg);
	background-repeat:no-repeat;
}
 
div#contenu {
	float:left;
	margin-left:157px;
	width:543px;
	height:400px;
	background-color:#ffffff;	
}