Bonjour,

Qui peut m'aider?
Je veux avoir 3 colonnes div, qui se partagent comme suit:
- 1 sur la gauche,
- 1 sur la droite,
- et le dernier se touve au milieu et il se place au dessus des 2 div (il est flottant et z-index plus elevé).
Le problème c'est que j'arrive pas à aligner la colonne droite sur la même hauteur que les 2 autres.

Voici le code html:


<div id="container">

<div class="left">gauche</div>
<div class="right">droite</div>
<div class="div_superpose">je flotte au centre</div>

</div>

Voici le css:

.container{
width:900px;
height:auto;
margin:0;
top:0;

}

.left{
width:700px;
height:163px;
margin:0;
top:0;
background:#33FF00;
}

.right{
width:150px;
height:163px;
margin:0;
top:0;
background:#FFFF00;
}

.div_superpose {
width:150px;
margin:auto;
position:absolute;
z-index:2;
margin-left:550px;
margin-top:220px;
top:0;
background:#FF9900;
}

Comment pourrais-je ajouter dans le code pour que les 3 div soient sur la même hauteur, et leur height soit extensible (le witdh reste fixe)?

Merci a vous, merci pour le forum.

Configuration: Windows XP
Firefox 2.0.0.16