Image in a DIV - vertical centered

Question

i have a DIV with a size x and some images in it with often a larger size. And in this case i need the image vertical centered in this DIV.

Dows anyone know, how i can realize that?

Thanks for reading that!

possible duplicate http://stackoverflow.com/questions/7336503/how-to-vertical-align-image-inside-div — tuze, Feb 06 '12 at 10:56
To make your question clearer, can you [show what you have so far](http://jsfiddle.net/)? — thirtydot, Feb 06 '12 at 10:56
display: table-cell; vertical-align: middle doesn't work in older browsers (IE7) — Jeow Li Huan, Feb 06 '12 at 12:19

score 0 · Answer 1 · answered Feb 06 '12 at 10:56

0

You can place the images inside divs and place those divs into the Your div and after words to center them

You can also make a class fo those divs and in the css part position:center;

answered Feb 06 '12 at 10:56

Mpampinos Holmens

score 0 · Answer 2 · answered Feb 06 '12 at 10:57

0

answered Feb 06 '12 at 10:57

Mujtaba Hassan

score 0 · Answer 3 · edited Feb 06 '12 at 11:18

0

If the div contains only images and no text/one liner, you can set line-height=height and use vertical-align to center the image.

<div style="height: 10px; line-height: 10px">
    <img src="" style="vertical-align: middle"/> 
</div>

PS: It is important to have a space character after the <img/> to force the image to align to the space in IE6.

edited Feb 06 '12 at 11:18

thirtydot

answered Feb 06 '12 at 11:06

Jeow Li Huan

3 Answers3