IE 6水平列表導航中的當前選項卡拉伸以填充div的其餘部分

Question

我目前正致力於讓我的頂級導航欄在IE 6中工作 - 我的站點是 located here。

標籤項是「當前」選擇的菜單，它的寬度正在拉伸以填充剩餘的空間......我應該如何解決這個問題而不固定寬度，但是以某種方式設置它不會像這樣展開？

謝謝！

Answer 1

注意這在你的CSS：

#nav li a span.top-nav-parent { 
    background: url(images/nav/MPSC_tabs2.jpg) 100% 0; 
    display: block; 
    line-height: 32px; 
    padding-right: 9px; 
    padding-top: 13px; 
} 

由於您使用SPAN顯示爲一個塊級元素，將顯示器設置爲inline-block代替。
像這樣：

#nav li a span.top-nav-parent { 
    background: url(images/nav/MPSC_tabs2.jpg) 100% 0; 
    display: inline-block; 
    line-height: 32px; 
    padding-right: 9px; 
    padding-top: 13px; 
} 

這將現在偷菜單導航行的其餘部分修理你.top-current類。

另一件事是，它看起來像你兩次，包括樣式表：

<link rel="stylesheet" href="style.css" type="text/css" /> 
<link rel="stylesheet" href="style.css" type="text/css" /> 

刪除一個和你剛剛削減了幾分不必要的代碼。