bonjour,

j'aimerai avoir au mileu de ma page une surface noir. Elle part de tout en haut pour finir tout en bas. sauf ! que la surface utilisé par un div ne va pas tout en bas comment faire ?

exemple: cliquez ici

voici ma feuille 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
 
body {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	line-height: 14px; 
	color: #504d46; 
	background: url(bg.gif) top center;
	margin-top: 0px;
	margin-bottom: 0px;
}
 
span#titre {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 10pt;
	color: #FCF8A8;
}
 
span.color {
	font-size: 15pt;
	color: #FF8400;
	font-weight: bold;
	font-variant: small-caps;	
}
 
div.desc:first-letter {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 14pt;
	color: #FCF8A8;
}
 
div.desc {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 10pt;
	text-indent: 10px;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
}
 
 
/***box*******************************************/
.bg-left { background:url(bg-left.png) left repeat-y;}
.bg-right { background:url(bg-right.png) right repeat-y; overflow:hidden; padding:0px 16px 0px 16px;}
.bg-cont { background-color: #000000;}
 
.border-left {background:url(border-left.gif) repeat-y left #000000;}
.border-right {background:url(border-right.gif) repeat-y right;}
.border-top {background:url(border-top.gif) repeat-x top;}
.border-bot {background:url(border-bot.gif) repeat-x bottom;}
.corner-top-left {background:url(corner-top-left.gif) no-repeat left top;}
.corner-top-right {background:url(corner-top-right.gif) no-repeat right top;}
.corner-bot-left {background:url(corner-bot-left.gif) no-repeat left bottom;}
.corner-bot-right {background:url(corner-bot-right.gif) no-repeat right bottom;}
 
.content { height: 100%; width:100%; background-color: black;}
 
.min-width {width:900px; background:url(bg-top.gif) top center repeat-x}
.main {width:827px; margin:0 auto; overflow:hidden; position:relative; background:url(bg-top.jpg) top left no-repeat;}

code xhtml:
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
 
echo	
    '<div class="min-width">'."\n".
    	'<div class="main">'."\n".
        	'<div class="bg-left png">'."\n".
            	'<div class="bg-right png">'."\n".
                	'<div class="bg-cont">'."\n".
 
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
					'<br />saut de ligne test<br />'."\n".
 
 
					'</div>'."\n".
				'</div>'."\n".
			'</div>'."\n".
		'</div>'."\n".
	'</div>'."\n";