Bonsoir

j'ai besoin de votre aide.

J'aimerais empiler des div avec deux par dessus une autre

Voici mon code

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<div id="Main">
   <div id="left">
 
   </div>
   <div id="center">
 
   </div>
   <div id="right">
 
   </div>
</div>

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
div#Main {
   width:100%;
   display:inline-block;
}
 
div#left{
   width:10%;
   float:left;
   z-index:1;
   text-align:left;
}
 
div#center{
   width:100%;
   text-align:center;
}
 
div#right{
   width:10%;
   float:right;
   text-align:right;
   z-index:1;
}
Mais je n'arrive pas à avoir le résultat souhaité

En fait, la div center doit prendre toute la largueur de la page et être centrer.
Les deux autres doivent rester sur la meme ligne mais être par dessus la premiere.

Merci pour votre aide