Comment faire flotter tous les divs enfants au centre d'un div parent?

Question

-je utiliser un div parent avec trois divs enfants,

<div id="parentDiv"> 
    <div id="PagerUp" class="pager"> 

    </div> 
    <div id="ResultsDiv"> 

    </div> 
    <div id="PagerDown" class="pager"> 

    </div> 
</div> 

Mais ce que je reçois est ce http://img132.imageshack.us/img132/5923/floatingdivs.jpg

Comment flotter tous les divs au centre .... Astuce: Je force applique une css. ..

Answer 1

Essayez ceci:

#parentDiv { 
    width: 600px; /* or whatever width you specify */ 
    margin:0px auto; 
} 

.

Mise à jour:

Essayez de donner des marges aux téléavertisseurs:

#PagerUp, #PagerDown 
{ 
     width: 600px; /* or whatever width you specify */ 
     margin:0px auto; 
} 

Ou vous pouvez le faire comme ça aussi:

#PagerUp, #PagerDown 
{ 
    width: 600px; /* or whatever width you specify */ 
    margin-left:100px; /* adjust value accordingly */ 
    margin-right:100px; /* adjust value accordingly */ 
} 

Answer 2

Si vous voulez centrer tous les div, vous doit centrer leur parent. Utilisation marge : 0 auto sur #parentDiv