2010-01-29 152 views
1

我正在一個網站上工作,即時通訊與左側導航有問題。正如你在這裏看到的,http://animactions.ca/test/Desktop/ 左邊的導航菜單不會到底部,它會在內容後停止。我需要它停在頁面的底部。導航div問題

這裏是CSS:

/* CSS layout */ 
body { 

    margin: 0; 
    padding: 0; 
} 

#masthead { 
} 

#top_nav { 

    width: 700px; 
    background-color: #DDDDDD; 
    margin-right: auto; 
    margin-left: auto; 

} 

#container { 

    width: 700px; 
    margin-right: auto; 
    margin-left: auto; 
} 

#left_col { 
    width: 95px; 
    float: left; 
    background-color: #B79F63; 
    border-right: 5px solid #976F43; 
} 

#page_content { 

    width: 600px; 
    float: right; 
    background-color: #D2C388; 

} 

#footer { 

    clear: both; 
    width: 700px; 
    text-align: center; 
    background-color: #E0E0E0; 
    margin-right: auto; 
    margin-left: auto; 

} 

感謝解決此

回答

0

一種方法是創建包含導航和主要股利背景圖像內容(在你的代碼中它是「容器」),模仿你想要的列的背景顏色和分隔線。它通常可以小至1px高,但應該是容器的寬度,並且會重複頁面。