2010-12-18 85 views
0

我想垂直居中图像。以下代码正常工作,所有浏览器都接受IE6,而我的网站的观众将使用IE6。垂直对齐IE中的图像6

我该如何垂直中间这个图像在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; 

} 
+0

@你还在支持ie6,使用ie6的用户数量非常少...只是一个评论,如果你有要求,那很好。 – kobe 2010-12-18 05:18:39

+0

感谢评论,但它的要求。 – mysterious 2010-12-18 06:06:52

回答

0

IMG {_display:inline-block的; _vertical-align:middle}

这两个样式设置是IE6的解决方法...我使用IE6 hack将其保存在您的样式表中,当页面加载和优化极其受控时,我将提供单独的IE浏览器样式表,但这完全取决于你。

副手,你应该在两个div上消除这些线高。我知道你在用线条高度做什么,我必须说我不建议任意抛出这样的风格。是的,它几乎可以跨浏览器工作,是的,你所看到的从行高到这里的功能是需要的......但是这并不是想要如何使用行高,而是在行后使用这个网站,或者大规模制作/打破你的职业生涯网站,你的风格将会失败。我从经验中知道,这很糟糕。 我一直在推动跨浏览器/跨媒体标准的解决方案已经有一年多的时间了,这是一个绝对的马戏团行为,应对开发,移动第一次开发,在浏览器中开发并从内容开发。是的,这是一口......我的观点是......我对CSS2屏幕媒体有很强的把握,包括IE6 & 7,FF2,Safari,Opera ....我甚至都不认为Chrome已经出来了......我很懒散......一旦我前进,我的信心和“知觉”知识就会急剧下降。似乎没有任何工作。基本上我使用的是风格/属性,它们是非预期的,小浏览器列表是宽容的......一旦我跳入大孩子池中,我就在我的头上。

那完全太长了。