CSS：http://perl-begin.org/上的導航欄旁邊的灰色線條不正確

Question

我正在維護the Perl Beginners' Site，並使用了Open Source Web Designs中的修改模板。現在，問題是我仍然有一個不希望的工件：主框左側的灰色線，位於導航菜單的左側。這裏的an image突出了不良影響。

如何修復CSS以解決此問題？

Answer 1

這是background-image通過身體顯示。快速修復（編輯style.css或在其他地方添加）：

#page-container 
{ 
    background-color: white; 
} 

Answer 2

這是一張圖片。 （在此處查看：http://perl-begin.org/images/background.gif）它在樣式表的BODY類中設置。

Answer 3

我認爲這是這樣的：

#page-container { 
    border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); 
} 

不過，我沒有看到爲什麼右邊框沒有顯示出來....

Answer 4

灰線應該在那裏。它看起來很奇怪的原因是因爲頂部被緩衝區元素隱藏。從這個規則集刪除background-color規則：

.buffer { 
    float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); 
} 

Answer 5

我會做這種速戰速決的風格添加：

border-left:2px solid #BDBDBD; 

到.buffer類

.buffer {style.css (line 328) 
    background-color:#FFFFFF; 
    border-left:2px solid #BDBDBD; /* Grey border */ 
    float:left; 
    height:20px; 
    margin:0px; 
    padding:0px; 
    width:160px; 
} 

Answer 6

我找到了問題。

問題是你需要在＃page-container上設置一個白色背景。事實證明，它具有透明背景，因此navbar sidebanner上的5pt左邊界顯示page_container的bg ...因此改變bg並且您很酷。

Answer 7

感謝所有回答的人。問題的確是＃頁面容器的透明度和身體的背景圖像。我將它們都固定在樣式表中。