css max width在ul li div img中不起作用

时间:2010-12-07 22:00:18

标签: html html-lists css

我有一个带有缩略图周围框架的图库,我使用了最大宽度来缩小缩略图图像以便它们排列得很好,但是在IE中虽然图像缩小到最大宽度,但框架仍然会扩展,就好像图像更大。我已经尝试为li添加最大宽度但无济于事。 这是一个链接到这个页面的链接,看起来很好,穿着Chrome和FF在整个IE商店! http://wedding-photography-gloucestershire.co.uk/wedding-photography-gallery.php?gallery=Getting%20Ready

Wedding Photography Gallery

在任何帮助之前感谢。

这是框架风格..

  

.highslide-gallery ul li {    显示:块;    位置:相对;    向左飘浮;    宽度:106px;    身高:106px;    边框:1px纯银;    保证金:2px;    line-height:0;    溢出:隐藏;    背景色:#000;    最大宽度:106px;   }

我尝试添加这个,我在另一个网站上找到了IE最大宽度问题的解决方案,但我真的不明白它;

  

width:expression(document.body.clientWidth> 106?“106px”:“auto”);   但它仍然无效。

谢谢。

1 个答案:

答案 0 :(得分:0)

IE对填充/边距的处理方式与其他浏览器不同。我查看了你的样式表(高边),你需要有一个特别的样式表,然后你可以专门针对IE而不用担心你做出的改变如何影响其他浏览器。我个人不会这样做,但我在网络开发实验时曾经这样做过。

最简单的方法是找出出错的地方以及出错的地方是使用萤火虫。 Safari和IE也有类似的调试环境。在http://net.tutsplus.com

上有一些关于使用firebug的非常好的教程 祝你好运。