asp：菜單流出頁面

我遇到了菜單浮動在頁面邊框上的問題。查看問題的實際情況。 http://finalfantasyworld.net/FinalFantasy/FFcompilation.aspx asp：菜單流出頁面

我想讓他們停在菜單的長度。我已經使用網站地圖來填補隊伍。如果視圖是靜態或動態的並不真正知道如何使用它們，所以我沒有修改它們。

這裏是ASP

<div class="liste"> 
<asp:Menu ID="Menu1" CssClass="ffcomp" runat="server" DataSourceID="FFcompilationSiteMap" MaximumDynamicDisplayLevels="2"> 
</asp:Menu> 
</div></div> 
<asp:SiteMapDataSource ID="FFcompilationSiteMap" StartingNodeOffset="2" ShowStartingNode="false" runat="server" />

這裏是CSS

div.ffcomp 
{ 
border:1px solid #ccc; 
background-color:#333; 
} 

div.ffcomp ul 
{ 
list-style: none; 
width: auto; 
height:100%; 
} 
div.ffcomp ul li a, div.ffcomp ul li a:visited 
{ 
border-left:none; 
border-bottom:3px solid #dde1ec; 
border-top:none; 
font-family: sans-serif; 
font-size:13px; 
font-weight:bold; 
color: #c4e9ff; 
display: block; 
line-height: 1.35em; 
padding: 9px; 
text-decoration: none; 
white-space: nowrap; 
background-color:#333; 
} 

div.ffcomp ul li a:hover 
{ 
color:#b02424; 
border-bottom-color: #b02424; 
border-bottom-style: solid; 
border-bottom-width: 3px; 
} 

div.ffcomp ul li a:active 
{ 
color: #cfdbe6; 
border-bottom-color: #b02424; 
border-bottom-style: solid; 
border-bottom-width: 3px; 
}

我認爲這是某種形式的CSS相關的問題。

來源

2011-07-19 Thomas Andreè Lian

我部分地解決了這個問題，它不是一個很好的解決方案，我想一個更好的

#MainContent_Menu1 .level2 
{ 
position:relative; 
bottom:117px; 
} 
#MainContent_Menu1 .level3 
{ 
position:relative; 
bottom:312px; 
}

未來可能出現的失敗就可以了，如果ID彈出一些別的地方在頁面上

來源

2011-08-17 15:44:35

asp：菜單流出頁面

回答

相關問題