Je cherche à afficher 2 images dans deux blocs de couleur différente et de taille fixe. Mon code actuel est le suivant (là le tableau ne sert à rien, mais j'ai simplifié pour l'exemple, les div doivent impérativement se trouver sans une cellule ):
 

 
Ce qui donne le résultat :
 

 
Je souhaiterais que les deux div soient centrés dans la cellule tout en concervant un petit espace pour les séparer. Et surtout, je souhaiterais que les 2 images soient centrées verticalement dans chaque div. Quelqu'un saurait me dire où est mon erreur (même en indiquant auto pour margin-left & margin-right le centrage ne fonctionne pas, sous IE6 et Firefox 0.8) ?

>>Je souhaiterais que les deux div soient centrés dans la cellule tout en concervant un petit espace pour les séparer.
 
En mettant tes 2 div dans un autre tel que
<div style="text-align:center">
Tu devrais avoir un centrage horizontal.
 
Pour le centrage vertical : IMPOSSIBLE (c'est un des pu#&.; !!! de problème de la soit disant super norme xhtml ...) seule solution : un  padding (ou un margin) mais à ce moment la faut que tous soit toujours à la même taille    
sinon pour que ca marche dynamiquement un tableau ...  
 
PS: si un dieu du xhtml sait comment faire cela sans un tableau (et en moins de 50 lignes ...), je lui serais reconaissant à vie et je m'engage à me flagéler sur la place publique avec des orties pour avoir dis du mal d'xhtml ...

http://incongru.webdynamit.net/CentrageVertical
 
mais effectivement, il faut connaitre la taille du bloc à centrer

Pourquoi utiliser des DIV ? Tu as la chance d'être dans une cellule de tableau, donc vertical-align s'applique.
De même il te suffira de centrer le texte pour centrer horizontalement les images.
Ensuite il te suffira d'appliquer un padding, une marge et une bordure directement aux images pour faire l'effet que tu souhaites.

Non, ce n'est pas le cas En enlevant les marge horizontales de mes 2 div postés plus haut et en les englobant dans un div avec text-align:center ils se retrouvent alignés à gauche.
 

C'est le comportement pas défaut je crois ? Carl es 2 div sont bien alignés verticalement sans que je n'ai eu besoin de rien préciser à ce niveau
 

A priori ca ne fonctionne pas. J'ai essayé de le faire au niveau de la cellule, ou dans un div les englobants, sans succès, ils restent alignés à gauche.
 

Le problème c'est que les images ont une hauteur maximale, mais pas fixe. Impossible donc d'indiquer une marge ou une bordure fixe dans mes CSS. Et je n'ai guère envie de passer par un getimagesize() pour gérer ca dynamiquement. Mais c'est pas bien grave, le principal est qu'elles ne soient pas collées en haut, je vais me contenter d'un padding-top fixe de 10 ou 15 pixels.
 
J'aimerais rien résoudre ce problème d'alignement vertical par contre .