Merci, grace à tous ça, j'ai réussi ...
En gros, pour avoir 2 blocs centrès j'utilise deux blocs comme cela:
Citation :
<div style="float:left; width:50%;">
<div style=" text-align:center;"><!--- centrage pour IE --->
<div id="mon_bloc_a_centrer" style="margin-left:auto; margin-right:auto;"><!--- centrage pour mozilla --->
<!--- du contenu ... --->
<img src="">
<div style="width:50px">qsdfqsdfqsdqsd sdf fsdf</div> </div>
</div>
</div>
|
pour en avoir 3 je change le width à 33%, 4 je le met à 25% etc ...
Pour faire ça dynamiquement j'utilise un peu de code: en gros je récupére le nombre de bloc (résultat de ma requête) que je divise par le nombre de bloc par ligne que je veux (fixe), ca me donne le nombre de ligne.
Pour les n-1 premières lignes je met un width=(100/nombre_de_bloc_par_ligne)%, pour ma dernière ligne je met width=(100/nombre_de_bloc_restant)%.
Résultat tous mes blocs sont centrès quelque soit le nombre de blocs ...
En + le code (source + html resultant) est carrèment plus clean que si j'avais fais ça avec des tableaux !!! je vais finir par aimer les Div ...