asp.net - How do I make asp menu extend to the end of the page when scrolling? -
i have horizontal asp menu in div. div set set width:100% fills width of page, when page can horizontally scrolled div doesn't extend end of page. have tried setting min-width%:100%; in css of div, doesn't make difference. can me solve problem telling me how make div fill out width of page when page can horizontal scrolled. using css 2.1 , asp.net 2.0
the code div is:
<div class="clear hideskiplink"> <asp:menu id="navigationmenu" runat="server" cssclass="menu" enableviewstate="false" orientation="horizontal"> <staticmenuitemstyle itemspacing="30"/> <statichoverstyle backcolor="darkgray" bordercolor="black" borderstyle="solid" borderwidth="1"></statichoverstyle> <items> <asp:menuitem navigateurl="~/home.aspx" text="home"/> <asp:menuitem navigateurl="~/report.aspx" text="report operational risk"/> <asp:menuitem navigateurl="~/view.aspx" text="view reported operational risks"/> <asp:menuitem navigateurl="~/updateclose.aspx" text="update/close case"/> </items> </asp:menu> </div>
the css div , menu is:
.hideskiplink { background-color:#ff9900; width:100%; float:left; } .menu { padding: 4px 0px 4px 12px; } .menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; } .menu ul li a, div.menu ul li a:visited { background-color: #ff9900; color: #000000; font-weight: bold; font-size:14px; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; } .menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; } .menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; }
i put gridview in scrollable div page has fixed width.
Comments
Post a Comment