與菜單的CSS問題

我在我的網站上有一個工作菜單，但當我從一個網絡主機移動到另一個時，它有點壞了，我不知道爲什麼，因爲我沒有改變任何文件。與菜單的CSS問題

它看起來像在下面的圖片，自然我想要的博客項目（和其他項目）對齊到左側，並沒有那個灰色框是2px的東西更高。 http://img600.imageshack.us/img600/2066/61967761.png

我的CSS是：

#header { 
    display:block; 
    overflow:hidden; 
    width:960px; 
    height:174px; 
    background:url(../App_Themes/logo01.png) no-repeat -2px 14px; 
} 

#header ul { 
    display:block; 
    overflow:hidden; 
    float:right; 
    height:38px; 
    margin-top: 0px; 
} 

#header ul li { 
    display:block; 
    overflow:hidden; 
    float:left; 
    margin-left:2px; 
} 



#header li ul{ 
    background: rgb(211,211,211); 
     display:none; 
     height:auto; 
     position:absolute; 
     width:180px; 
    z-index:200; 
    margin-left: 9px;    
} 

#header li li { 
    display:block; 
     float:left; 
    padding: 0px; 
    width:180px; 
    margin-left: 0px; 
    border-bottom: 1px solid; 
    border-color: #fff; 
    height: 25px; 
} 

#header li:hover ul{ 
     display:block; 
} 

#header li ul li a {background-image: none; 
      color:#000; 
      text-indent: 0px; 
      font-family: Tahoma; 
      font-size: 12px; 
        width: 180px; 
      padding-top: 5px; 
      padding-left: 5px; 
text-decoration: none; 
} 

#header li ul li a:hover {background-image: none; 
      background: rgb(26,66,126); 
      color:#fff; 
} 

#header .tagline { 
    display:block; 
    overflow:hidden; 
    float:right; 
    margin-top:40px; 
    width:620px; 
}

HTML例如：

<div id="header"> 
<ul id="menuElem"> 
<li class="menublog"> 
<a href="... /> 
</li> 
<li class="menuabout"> 
<a href="... /> 
</li> 
</ul> 
</div>

可能是什麼問題嗎？

來源

2011-02-14 Nick

有你的舊服務器和新服務器相同的操作系統嗎？ – Eray 2011-02-14 22:45:45

重置您的ul和li的所有邊距和填充並重新設置邊距。

喜歡：

#header ul { 
display:block; 
overflow:hidden; 
float:right; 
height:38px; 
margin:0; 
padding:0 
}

同爲李。我經常在生產服務器上傳新模板時發生這種情況。

來源

2011-02-22 17:24:34 easwee

與菜單的CSS問題

回答

相關問題