CSS - 並排放置兩個酒吧

我一直在抓我的頭，現在已經過了兩個多小時了，我只是看不出代碼有什麼問題。

我正在建造一個液體佈局，頂部有兩個導航欄。第一個坐着，但第二個（id =「filem_right」）拒絕坐在旁邊。

下面是HTML：

<body id="container"> 
     <div id="main_bar"> 
      <ul> 
       <li class="maintabs"><a href="#">Overview</a></li><li class="maintabs"><a href="#">Collar/ Neckline</a></li><li class="maintabs"><a href="#">Sleeves</a> 
       <ul> 
        <li class="s_leftright"><a href="#">Left Sleeves</a></li> 
        <li class="s_leftright"><a href="#">Right Sleeves</a></li> 
       </ul></li><li class="maintabs"><a href="#">Body</a></li> 
      </ul> 
     </div> 

     <div id="filem_right"> 
      <ul> 
       <li class="filetabs"><a href="#">File</a></li><li class="filetabs"><a href="#">Edit</a></li><li class="filetabs"><a href="#">Settings</a></li> 
      </ul> 
     </div>

這裏是CSS：

#container { 
    min-width: 960px; 
    max-width: 1034px; 
    min-height: 500px; 
    background: rgba(245,212,13,1); 
} 


/* START OF MAIN MENU */ 
#main_bar ul { 
    width: 60%; 
    position: relative; 
    left: 3.2%; 
    border: 1px solid black; 
    background: rgba(153, 244,200,0.3); 
} 

.maintabs { 
    display: inline-block; 
    width: 25%; 
    line-height: 3.5em; 
    list-style-type: none; 

} 

.maintabs a { 
    display: block; 
    text-decoration: none; 
    color: rgb(165,165,165); 
    color: rgba(165,165,165,1); 
    text-align: center; 
    font-size: 0.8em; 
    font-weight: bold; 
    text-transform: uppercase; 
} 

.s_leftright { 
    list-style-type: none; 
} 

.maintabs ul { 
    display: none; 
} 

.maintabs:hover > ul { 
    display: inline-block; 
    position: absolute; 
} 
*/ END OF MAIN MENU */ 


/* START OF FILE MENU */ 
#filem_right { 
    display: inline-block; 
    position: relative; 
    width: 30%; 
    left: 69%; 
    top: 14%; 
    right: 3.2%; 
} 

.filetabs { 
    display: inline-block; 
    width: 33.3%; 
    overflow: hidden; 
    list-style-type: none; 
    line-height: 3.5em; 
}

我一看螢火蟲，看來，沒有我的代碼爲「filem_right '由瀏覽器呈現（FF 3.6）。

謝謝

來源

2011-01-29 Kayote

你這裏的評論是不正確，

*/ END OF MAIN MENU */

應/*在開始。這可能是瀏覽器沒有收到filem_right CSS的原因。

來源

2011-01-29 04:29:45

ARGH !!!!你是對的！我無法相信自己！因爲我瘋狂的一半，CSS欠我至少兩年。一百萬29感謝Rich。最好的， – Kayote 2011-01-29 04:39:12

CSS - 並排放置兩個酒吧

回答

相關問題