2011-08-16 3 views
0

私はwordpressを使用してサイトを作成しています。 (それはここで見ることができます:http://www.adp-design-demos.com/brolim2/)しかし、メニューは、私のwordpressサイトの内容ではなく、ブラウザの側面と整列します。私はCSSを通して、メニューのCSSがどこにあるのかを知っていますが、現時点で私が管理してきたのはパーセンテージだけです。私のメニューは内容ではなくブラウザのウィンドウと整列しています

誰も、ウィンドウ/ブラウザのサイズと場所に関係なく、メニューが固定の位置に表示されるようにコーディングを手伝ってもらえますか?

乾杯

面積私が編集されています(でも、リサイズ後の)あなたのナビゲーションの位置合わせが正確に見える一見

#header .nav { 
    background: #E0DCD9 url('images/bg_nav.png') repeat-x; 
    overflow: hidden; 
} 
#header .nav ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 
#header .nav li { 
    float: left; 
} 
#header .nav li a { 
    display: block; 
    padding: 12px 18px 13px 18px; 
    font-size: 14px; 
    font-weight: bold; 
    text-transform: uppercase; 
} 

    #header .nav li ul { 
     margin: 0; 
     padding: 0; 
     position: absolute; 
     margin-top: 26px; 
    } 

    #header .nav li li a { 
     font-size: 11px; 
     padding: 0; 
     margin: 0 0 0 20px; 
    } 
    #header .nav li li { 
     width: auto; 
     display: inline; 
     float: none; 
    } 
    #header .nav li li a:hover { 
     background: none; 
    } 

#header .nav li a:hover, #header .nav .current_page_item a { 
    background: #4B3F33; 
    color: #fff; 
} 
#header .nav li ul { 
    display: none; 
} 
#header .nav .current_page_item ul { 
    display: block; 
    position: absolute; 
    left: 652px; 
} 
#header .nav .current_page_item ul li a { 
    background: none; 
    color: #666; 
} 

.nav_categories { 
    background: #f58220; 
    background-position: top center; 
    overflow: hidden; 

} 
.nav_categories ul { 
    width: 1000px; 
    margin: 0 auto 0 auto; 
} 
.nav_categories a { 
    display: block; 
    padding: 15px; 
align: center; 
    font-size: 15px; 
    font-weight: bold; 
    text-transform: uppercase; 

    color: #fff; 
} 
.nav_categories li { 
    float:right; 
position:relative; 
left:-42%; 
text-align:left; 
} 
.nav_categories .current-cat a, .nav_categories a:hover { 
    color: #4b3f33; 
} 

答えて

0

。私はデモサイトを見て、HTMLも調べました。 #header内で.navが見つかりませんでした。あなたが使っているHTMLを私に提供できますか?

関連する問題