Discussion :

[sovitec]

Bonjour,

Je voudrais centrer verticalement une image dans un div. Je connais certaines solutions, mais certaines restrictions m'empêchent de les appliquer :

• * Je ne connais pas la taille de l'image, je sais seulement que sa taille est inférieure à celle du div
  * Cela doit fonctionner même en visualisant le fichier local (pas de script php ou autre)

La seule solution que j'ai trouvé est d'utiliser une table avec un seul élément et d'utiliser l'alignement vertical du td, mais je trouve que cela ne fait pas très propre.

Merci d'avance

[jeff_!]

essaye

Code :

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

1
2
3
4
 
img{
display:table-cell;
vertical-align:center

il est pas que cela fonctionne sous ie
et je ne suis pas sur qu'il y est besion de table-cell
a essayer

[sovitec]

Code :

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

1
2
3
4
 
img{
display:table-cell;
vertical-align:center

Cela ne fonctionne ni sous IE(5), ni sous Firefox (1.5), ni sous Opera (8.5), quel que soit l'élément auquel je mette ceci (image ou div conteneur).

[denisC]

Code :

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

1
2
 
margin: auto;

devrait faire l'affaire...

[sovitec]

Code :

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

1
2
 
margin: auto;

devrait faire l'affaire...

J'ai déjà essayé, mais ça ne marche qu'en horizontal, pas en vertical.