Centrer 2 blocs sur une page [Résolu/Fermé]

Messages postés
89
Date d'inscription
lundi 9 mars 2009
Statut
Membre
Dernière intervention
20 septembre 2016
- - Dernière réponse : webmaster09
Messages postés
398
Date d'inscription
mercredi 3 septembre 2008
Statut
Membre
Dernière intervention
22 avril 2010
- 21 avril 2010 à 17:43
Bonjour,

j'ai 2 blocs sur une même ligne et je voudrais les centrer, tous les 2.

Comment faire ?

Afficher la suite 

6 réponses

Messages postés
398
Date d'inscription
mercredi 3 septembre 2008
Statut
Membre
Dernière intervention
22 avril 2010
29
0
Merci
float:left;
margin-left:auto;
margin-right:auto;
Messages postés
89
Date d'inscription
lundi 9 mars 2009
Statut
Membre
Dernière intervention
20 septembre 2016
2
0
Merci
Merci de ta réponse webmaster09

je pose ce code pour chacun des bloc ?
Messages postés
398
Date d'inscription
mercredi 3 septembre 2008
Statut
Membre
Dernière intervention
22 avril 2010
29
0
Merci
le mieux est que tu crée une div global comme ceci :

<div id="centre"> 

</div>


Et dedans tu mets tes deux blocks ce qui nous donne :

<div id="centre"> 
      <div class="left"> 
      </div> 
      <div class="right"> 
      </div> 
</div>


Et dans ton CSS tu fait
#centre{margin-left:auto;margin-right:auto;} 
#centre .left,.right {float:left;}


Comme ça ton block #centre est centré au milieu de la page, et tes deux blocks .left et .right sont l'un a coté de l'autre ...
Messages postés
89
Date d'inscription
lundi 9 mars 2009
Statut
Membre
Dernière intervention
20 septembre 2016
2
0
Merci
Ok merci beaucoup

Je teste ça, je te tiens au courant !

;)
Messages postés
89
Date d'inscription
lundi 9 mars 2009
Statut
Membre
Dernière intervention
20 septembre 2016
2
0
Merci
Ok ca marche

Merci beaucoup :)
Messages postés
398
Date d'inscription
mercredi 3 septembre 2008
Statut
Membre
Dernière intervention
22 avril 2010
29
0
Merci
Résolu ;)