centrer une boite sans centrer son contenu

**witch** · 19/10/2007, 01h13

salut
j'ai un ptit souci, comment centrer une boite que j'ai creer avec div, sans centrer le contenu de cette boite, je trouve pas une propriété que je peux utiliser pour le style que j'ai adapté.
voilà ma page de test

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
ul#menu{
width:700px;
float:left;
list-style-type:none;
}
ul#menu li{
float:left;
}
ul#menu li a{
padding:5px 5px;
margin:5px 5px;
float:left;
border:1px solid #003366;
text-decoration:none;
}
ul#menu li a:hover{
background-color:#99CCFF;
}
 
#contenu{
margin-left:100px; 
margin-top:0px;
width:780px;
height:500px;
background-color:#fff;
border:1px solid #ccc;
overflow:auto;
}
.degr3{
background-color:#F0F0F0;
height:2px;
margin-left:100px;
width:784px;
border:1px solid #F0F0F0;
overflow:hidden;
}
.degr2{
background-color:#EBEBEB;
height:2px;
margin-left:100px;
width:784px;
border:1px solid #EBEBEB;
overflow:hidden;
}
.degr1{
background-color:#D2D2D2;
height:1px;
margin-left:100px;
width:784px;
border:1px solid #D2D2D2;
overflow:hidden;
}
.degr_l_1,div#contenu{
border-left-color:#D2D2D2;
border-width:3px;
}
.degr_r_1,div#contenu{
border-right-color:#D2D2D2;
border-width:3px;
}
/*
#contenu1{
margin-left:88px; 
margin-top:0px;
width:792px;
height:500px;
background-color:#fff;
border:1px solid #ccc;
}
*/
</style>
</head>
 
<body>
<div class="degr3"></div>
<div class="degr2"></div>
<div class="degr1"></div>
<div class="degr_r_1"></div>
<div class="degr_l_1"></div>
<div id="contenu">
 
<ul id="menu"><li><a href="#">lien1</a></li>
             <li><a href="#">lien2</a></li>
			 <li><a href="#">lien3</a></li>
			 </ul>
contenu de la page</br>deusième ligne
</div>
 
 
<div class="degr1"></div>
<div class="degr2"></div>
<div class="degr3"></div>
</body>
</html>