Discussion :

[rolls]

Bonjour à la communauté,

J'ai trois balises div (côte à côte) contenues dans un conteneur principal qui est également une balise div.
J'aimerais savoir comment faire pour centrer horizontalement les trois balises par rapport au conteneur.

Voici mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div> <!-- div principale-->
    <div style="background:url(ImagesTemplate/ImgGauche.png);background-repeat: no-repeat;width:9px;height:215px;float:left;margin: 10px 0px 0 37px;"></div>
  <div style="background:url(ImagesTemplate/ImgMilieu.png);background-repeat: repeat-x;width:500px;height:185px;float:left;padding: 20px 20px 20px 20px;margin-top: 10px;"></div>
  <div style="background:url(ImagesTemplate/ImgDroit.png);background-repeat: no-repeat;width:9px;height:219px;float:left;margin-top: 10px ;"></div>
 
</div>

[unapologetic]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
{
    position : relative ;
    margin : auto;
    (eventuellement) text-align:center;
     width: XXX px;
}

Ne marchent pas ?

[rolls]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position : center ;

n'existe pas

[unapologetic]

je voulais dire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position : relative

je corrige

[rodolphebrd]

Bonjour,

Avec table-cell ça fonctionne bien.

[rolls]

Merci!
ça marche