Centrer un image verticalment et horizontalement

Bonjour,

Bien que ayant chercher sur le site et ses forums (mal peut-être?) comment centrer horizintalement et verticalement une image au sein d'une balise "div" autrement qu'en passant par un tableau, quelqu'un saurait-il m'indiquer une autre manière de faire?

Qui soit compatible sur tout les butineur récent bien sur!

Merci à tous

Mayekeul

En théorie, tu pourrais attribuer un vertical-align:middle à un div dont le display est défini à table-cell. Malheureusement, Internet Explorer 6 n'intègre pas cette possibilité.
Tu pourras donc jouer par exemple sur des positionnements relatifs et absolus:

[#black][b]XHTML[/b][/#]

<div>
<img src="image.png" width="250" height="100" alt="Mon image" />
</div>


[#black][b]CSS[/b][/#]

div {position:relative; height:500px; width:500px;}
div img {position:absolute; top:50%; left:50%; margin:-50px 0 0 -125px;}

Effectivement ta recherche n'a pas été opimale

Ou dans la FAQ

Ou sur google

Benjamin : tu es trop rapide

non, c'est juste moi qui suis trop mauvais!

merci a vous deux, je regarde tout cela de suite!
Modifié par mayekeul (15 Oct 2007 - 19:31)