2010-09-11 143 views
0

我正在构建一个新网站。 HTML和CSS已经过验证,但我无法正确显示IE7的布局。您可以查看这里的问题的截图:CSS链接布局问题Internet Explorer 7

enter image description here

如何防止IE7从把面包屑链接之间的额外空间?

的联系应该是这样的:

enter image description here

+1

不知道。什么是组成面包屑的html和css? – 2010-09-11 17:28:14

回答

0

有你的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; 
} 

我可以在这些测试中通过萤火FF,但它应该在IE浏览器正常工作。让我知道事情的后续。

+0

我做了你告诉我的更改,但在ie7中看不到任何区别。给我一个你在Firefox中看到的屏幕截图 – Dimitris 2010-09-13 12:33:16

+0

看起来像[this](http://img291.imageshack.us/img291/3905/ssbeforemod.png)。现在看起来应该是这样,我实际上必须恢复这些更改才能获得屏幕截图。 – 2010-09-13 18:15:57