2011-12-12 106 views
0

在這Test Link我試圖安裝標題和主站點導航到博客腳本的頂部。遇到明確的問題:都:

我清楚:both;在主要網站腳本上工作,但現在把所有東西都拋到一邊。嘗試過無數fixex沒有成功!預先感謝螞蟻指針來解決。明確:兩者;在頁腳中。

/*/////////////////////MAIN SITE NAVIGATION BAR////////////////////*/ 
.dropnav { 
    width: 100%; 
    float: left; 
    margin: 0 0 1em 0; 
    padding: 0; 
    background-color: #3b3b44;  /*Navigation Active Background*/ 
    border-top: 1px solid #ccf; 
    } 
.dropnav ol { 
    list-style: none; 
    width: 950px; 
    margin: 0 auto; 
    padding: 0; 
    overflow: hidden; 
    } 
.dropnav li { 
    float: left; } 
.dropnav li a { 
    display: block; 
    padding: 8px 25px; 
    text-decoration: none; 
    font-family: Helvetica, arial, sans-serif; 
    font-size: 20px; 
    font-weight: bold; 
    color: #fff;     /*Active Text Color*/ 
    border-right: 1px solid #ccf; 
    border-bottom: none;  
    } 
.dropnav li:first-child a { 
    border-left: 2px solid #ccf; } 
.dropnav li a:hover { 
    color: #000;     /*Active Hover Color*/ 
    background-color: #8db3ff; } /*Navigation Hover Background*/ 

/*////////////////STYLING TO DROPDOWN MENU//////////////////////*/ 

.dropnav li ol { 
     display: none; 
     width: 13em; } /*Define width of dropdown button*/ 
.dropnav li:hover ol { 
     display: block; 
     position: absolute; 
     margin: 0; 
     padding: 0; } 
.dropnav li:hover li { 
     float: none; } 
.dropnav li:hover li a { 
     background-color: #3b3b44;  /*Navigation Active Background*/ 
     border-bottom: 1px solid #ccf; 
     border-top: 1px solid #ccf; 
     border-right: 1px solid #ccf; 
     border-left: 1px solid #ccf; 
     font-size: 16px; 
     color: #fff; }    /*Text Color*/ 
.dropnav li li a:hover { 
     color: #000; 
     background-color: #8db3ff; /*Navigation Hover Background*/ 
} 
/*//////////////////END MAIN SITE NAVIGATION////////////////////*/ 
#container { 
    width: 950px; 
    padding-left: 0px; 
    padding-right: 0px; 
    margin: 1px auto; 
    background: #fafafa; 
    } 
#header { 
    width: 950px; 
    margin-top: 15px; 
} 

#content { 
    padding-left: 5px; 
    padding-right: `5px; 
    } 
#footer { 
    clear: both; 
    background: #3b3b44; 
    color: #ccf; /*text*/ 
    /*margin-top: 10px;*/ 
    margin-bottom: 10px; 
    padding-top: 5px; 
    padding-left: 15px; 
    padding-bottom: 5px; 
    border-top: 2px solid #cc0; 
    line-height: 1.2em; 
    } 
+0

你是怎麼申請明確:既過,什麼是越來越搞砸? (元素ID /類會很好) –

回答

0

你有兩個ID的名稱相同的容器。你的ID需要是唯一的,也是ID字段集,我猜你的所有標籤都沒有正確關閉。

+0

擺脫了其中一個容器和...... !!!!!! – Webiter

0

您可以在菜單清除此行後放置清晰的div。這在960電網系統中的使用原理相同。 www.960.gs

但是,這裏是一個鏈接,查看代碼和結果。

http://jsfiddle.net/etienne_carre/9x2P3/

THX