CSS链接布局问题Internet Explorer 7

CSS链接布局问题Internet Explorer 7,css,Css,我正在建立一个新网站。HTML和CSS已经过验证,但我无法显示IE7的正确布局。您可以在此处查看问题的屏幕截图: 如何防止IE7在面包屑链接之间留出额外空间 链接应如下所示: 您的CSS存在一些问题,因为它在FF中也不能正确显示。在ie.css中,修改如下类: #breadcrumbs li a{ display: block; float: left; background-image: url(../images/bread-separator.png);

我正在建立一个新网站。HTML和CSS已经过验证,但我无法显示IE7的正确布局。您可以在此处查看问题的屏幕截图:

如何防止IE7在面包屑链接之间留出额外空间

链接应如下所示:


您的CSS存在一些问题,因为它在FF中也不能正确显示。在
ie.css
中,修改如下类:

#breadcrumbs li a{
    display: block;
    float: left;
    background-image: url(../images/bread-separator.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 34px;
    line-height: 34px;
    padding: 0 20px 0 10px;
}

#breadcrumbs li.sort a{
    background-image: none;
    border-left: 1px solid #d5d3d2;
    padding: 0 10px;
}

我可以通过FireBug在FF中测试这些,但在IE上也应该可以。告诉我进展如何。

不知道。什么是构成面包屑的html和css?我做了你让我做的更改,但我看不出ie7有什么不同。给我发一张你在firefox之前看到的屏幕截图。现在看起来应该是这样,我实际上不得不恢复这些更改以获得屏幕截图。