2012-06-09 97 views
0
太多的填充

我的Flickr画廊看起来不错,除了IE 7还有什么我需要把我的CSS代码为它没有看起来那么渐行渐远,在IE 7。我加入了display: block,但它所有的浏览器没有做任何事情。画廊在IE7

a img { 
    display: block; 
    *display: inline-block; 
    float: left; 
    border: none; 
    padding: 3px; 
    background-color: #fff; 
    border: 1px solid green; 
    margin-right: 15px; 
    margin-bottom: 15px; 
} 

现在看起来像这样。

Screenshot of Flickr page with too much padding

有什么我做错了与CSS?我应该为IE添加一些东西,以便它可以正确读取它?

This is my site

+0

这就是为什么你应该使用一个CSS复位(http://meyerweb.com/eric/tools/css/reset/)。它可以消除默认样式中的跨浏览器不一致问题。 – xbonez

+0

我正在创建一个二十天的小孩主题,它已经有eric meyer CSS重置。 – kia4567

回答

0

我搜索更发现的IE漏洞arcticle,你必须确保在父元素行高设置为零。

0

这看起来很像的即下台的bug。

您是否尝试过加入刚刚display: inline

+0

我做了,但没有运气。 – kia4567

+0

您是否尝试过把所有的保证金和填充功能,看看是否他们至少排队正确呢? – Jim

+1

我想通了!我搜索了更多,发现一个IE bug的arcticle,你必须确保父元素的行高设置为零。所以我做了并修复了它。感谢您花时间尝试帮助我。非常感谢。 – kia4567