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.
