Forum d'entraide PHPFrance

Bonjour
J'arrive bien à superposer des blocs, mais le texte ne suit pas mon bloc (voir image), il vient en butée

echo'
  <div  id="contbout">
    <div  id="decalbout"></div>
	    <a href="../../pages/page'.$nb.'/'.$nom_du_bouton.'.php"><img id="bouton" src="'.$chembout.'" alt="bouton" width="'.$long.'" /></a> 

    <div id="textebout" class="stylbout" style=" width:'.$long.'px; text-align:right; margin-left:'.$decal.'px;" >'.$nom_du_bouton.'</div>

</div>';

#contbout {
position: relative;
top:250px;
float:left;
z-index:1;
height: 65px;
border:1px solid blue;
margin-top:50px;
}
#decalbout {
position: relative;
height:0px;
}
#bouton {
display: block;
position: relative;
float:left;
z-index:2;
height:65px;
border:2px solid green;
}
#textebout {
position: relative;
margin-top:20px;
z-index:3;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color: blue;
height: 20px;
border:1px solid black;
}
http://cjoint.com/?0lBpuMBpCo4

Merci de vos réponses

J'ai rien compris ... peut-être devrais tu envisager les position absolute.

Bonjour
Il suffit de mettre absolute à la place de relative dans :

#textebout {
position: relative;

et le texte rentre dans son cadre. Vous avez dit "bizarre"...

Merci