I want to vertically middle an image. Following code works fine with all browsers accept IE6 and audience of my site is going to use IE6.
How can i vertically middle this image in internet explorer 6??
<div id="galleryImage"><div id="imgContainer"> <img src='' alt='' /> </div></div>
#galleryImage{
width:668px;
height:668px;
border:solid 1px #c0c0c0;
overflow:hidden;
float:left;
line-height:668px;
text-align:center;
}
#imgContainer{
display:inline;
height:668px;
line-height:668px;
}
this code done trick for me for ie6. Sharing for others who are having same problem
http://snipplr.com/view/36863/jquery-plugin-vertical-align/