2010-09-11 151 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