[Résolu] Aligner verticalement une image à l'intérieur d'un div.

J'aimerai centré verticalement mon image (dont je connais pas la taille et qui peux être variable) dans un div.

Exemple :

<div style="width:100%;height:100%;text-align:center">
   <img src="img.jpg" />
</div>

Pour le moment je suis passé par du javascript mais cela ne me plait pas j'aimerai le faire en css. Pour l'alignement horzizontal je n'ai pas de problème avec le text-align mais vertical je ne vois pas comment le faire en css.
Modifié par upton (22 Mar 2007 - 17:51)

Je pense que tu viens de toucher du bout des doigts les limitations du css.
Sans taille donnée, il me semble que le centrage vertical n'est pas possible.
Tu peux tâcher de "bidouiller" un centrage approximatif pour des images de tailles relativement proches mais sans plus.
Ceci dit je me trompe peu-être (j'aimerai bien).
Il me semble que ce sujet à déjà été traîté ... à voir

En cherchant dans la faq je viens de voir une solution satisfaisante à mon problème.

<table id="conteneur"  style="width:100%;height:100%; textalign:center; vertical-align: middle;">
<tr>
<td><img src="img.jpg" /></td>
</tr>
</table>

Donc je suis désolé...
Modifié par upton (22 Mar 2007 - 17:50)

upton a écrit :
Donc je suis désolé...

Tu seras fouetté !

Tu considères que ce sujet est [Résolu] ?

Julien Royer a écrit :
Tu seras fouetté !

Tu considères que ce sujet est [Résolu] ?

yep yep je complètai

dsl encore...