Bonjour,

Je cherche à positionner 3 divs les uns à cotes des autres, et qu'ils soient independants, et tout celà dans un grand div englobant tout.

Voici 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
 
.div_cont{
	background-color: #FFFFFF;
	margin-left : auto;
	margin-right : auto;
	text-align : left;  /* pour résoudre le bug de centrage de IE */
	width: 80%;
	height: 100%;
	overflow: auto;
	border: 2px solid #DDDDDD;
}
.div_top {
	color: #FFCC00;
	text-align:center;
	border-bottom: 1px solid #DDDDDD;
}
.div_left {
	text-align:center;
	border-right: 1px solid #DDDDDD;
	height: 100%;
	width: 25%;
	float:left;
}
.div_center {
	text-align:center;
	height: 100%;
	width: 50%;
}
.div_right {
	text-align:center;
	border-left: 1px solid #DDDDDD;
	height: 100%;
	width: 25%;
	float: right;
}
et le 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
 
<body>
<div class="div_cont">
	<div class="div_top">
		<img class="top" src="images/banniere.png" width="100%" height="150" alt="Banniere" title="Bannière" />
	</div>
	<div class="div_left">
		<span class="titre">Menu</span><br /><br />
		<input type="submit" value="TEST" /><br /><br />
		<span class="titre">TEST</span><br /><br />
	</div>
	<div class="div_center">
		<span class="titre">Menu</span><br /><br />
		<input type="submit" value="TEST" /><br /><br />
		<span class="titre">TEST</span><br /><br />
	</div>
	<div class="div_right">
		<span class="titre">Menu</span><br /><br />
		<input type="submit" value="TEST" /><br /><br />
		<span class="titre">TEST</span><br /><br />
	</div>
</div>
</body>
</html>
Ca fonctionne bien pour le div de gauche et du centre, mais celui de droite se met bien à droite, mais en dessous les autres.. donc ils sont pas independants.

J'espere avoir été clair, c'est pas facile à expliquer
Merci pour votre aide