Solved

ASP.net menu control only displays first level of child submenus in Mozilla Firefox

Posted on 2010-09-20
2
1,748 Views
Last Modified: 2013-12-07
My ASP.net master page contains a menu that is populated programatically with items contained  in a database.  All child levels display properly in Internet Explorer.  However, when I view the page in Mozilla Firefox, only the first of several submenu choices, for each main menu item, displays.  I have attached the code for the page below.

Thanks.
<%@ Master Language="VB" CodeFile="MainMasterPage.master.vb" Inherits="MainMasterPage" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>


<meta http-equiv='refresh' content='28800;url=~/SessionExpired.aspx' />

    <title>Untitled Page</title>
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
    
</head>

<script type="text/javascript">

function setposition()
{
    var screenx=screen.availWidth;
    var screeny=screen.availHeight;
        
    window.resizeTo(screenx * .9,screeny * .95);
    window.moveTo(screenx * .05,screeny * .025);
}

function window_onload()
{
    setposition();
    var myTimerID=setInterval("changepicture()",5000);
}

function changepicture()
{

}

</script>  




<body>
    <form id="form1" runat="server">
    <div>
        <table align="center" border="1" cellpadding="0" cellspacing="0" style="border-right: navy thin solid;
            border-top: navy thin solid; border-left: navy thin solid; width: 800px; border-bottom: navy thin solid;
            height: 120px; vertical-align: top; text-align: left; background-color: activecaption;">
            <tr>
                <td align="left" colspan="25" rowspan="4" style="height: 0px; vertical-align: top; width: 825px; position: static; text-align: right; border-right: #3333cc thin solid; padding-right: 0px; border-top: #3333cc thin solid; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: #3333cc thin solid; padding-top: 0px; border-bottom: #3333cc thin solid; font-size: 1pt; font-family: Arial;" valign="middle">
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 800px; height: 120px;
                        text-align: center; background-color: gainsboro; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;">
                        <tr>
                            <td colspan="2" rowspan="2" style="vertical-align: middle; width: 380px; height: 120px;
                                text-align: center; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; background-color: activecaption; position: static;">
                                <asp:Image ID="Logo_Image_1" runat="server"
                                    Style="vertical-align: middle; text-align: center; border-top-width: thin; border-left-width: thin; border-left-color: #3333cc; border-bottom-width: thin; border-bottom-color: #3333cc; border-top-color: #3333cc; border-right-width: thin; border-right-color: #3333cc; width: 390px; height: 110px;" Height="128px" Width="100%" /><br />
                                <br />
                            </td>
                            <td rowspan="2" style="vertical-align: top; width: 185px; text-align: left; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; background-color: activecaption; height: 120px;">
                                &nbsp;<asp:ImageMap ID="ImageSponsor" runat="server" Height="128px" Width="184px" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; vertical-align: top; padding-top: 0px; text-align: left; border-top-width: thin; border-left-width: thin; border-left-color: #3333cc; border-bottom-width: thin; border-bottom-color: #3333cc; width: 180px; border-top-color: #3333cc; height: 120px; border-right-width: thin; border-right-color: #3333cc;" ImageAlign="Middle">
                                    <asp:RectangleHotSpot Bottom="110" HotSpotMode="Navigate" NavigateUrl="http:\\www.iosmpc.com"
                                        Right="180" Target="_blank" />
                                </asp:ImageMap></td>
                            <td rowspan="2" style="vertical-align: top; width: 200px; background-color: activecaption;
                                text-align: left; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 120px;">
                                &nbsp; &nbsp;&nbsp;<br />
                                <br />
                                &nbsp;
                                <br />
                                <table border="0" cellpadding="0" cellspacing="0" style="width: 200px; height: 83%; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;">
                                    <tr>
                                        <td align="left" colspan="10" style="height: 30px; vertical-align: top; text-align: left;" valign="top">
                                            &nbsp; &nbsp;
                                            <table border="0" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td align="left" style="width: 75px; height: 18px" valign="top">
                                <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Medium"
                                    ForeColor="White" Height="15px" Style="vertical-align: bottom; padding-top: 3px;
                                    text-align: center;" Text="User : " Width="72px"></asp:Label></td>
                                                    <td align="left" style="width: 100px; height: 18px" valign="top">
                                <asp:TextBox ID="txtActiveUser" runat="server" Font-Names="Arial" Font-Size="Small"
                                    Style="vertical-align: bottom; text-align: left; width: 100%; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;" Width="104px" Height="15px" ReadOnly="True"></asp:TextBox></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" colspan="5" rowspan="2" style="width: 223px; vertical-align: middle; height: 48px; text-align: center;" valign="top">
                                            <asp:LinkButton ID="btnSwitchUser" runat="server" Font-Names="Arial" Font-Size="Medium"
                                                ForeColor="White" Height="16px" PostBackUrl="~/Index.aspx" Style="vertical-align: middle;
                                                text-align: center" Width="100%">Log Out</asp:LinkButton></td>
                                        <td align="left" colspan="5" rowspan="4" style="width: 80px; height: 80px; border-top-width: thin; border-left-width: thin; border-left-color: #3333cc; border-bottom-width: thin; border-bottom-color: #3333cc; border-top-color: #3333cc; border-right-width: thin; border-right-color: #3333cc; vertical-align: middle; text-align: center;" valign="top">
                                        
                                        <script type="text/javascript" src="https://seal.thawte.com/getthawteseal?host_name=www.mgmttoolbox.com&amp;size=M&amp;lang=en"></script>
                                        
                                        </td>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                        <td align="left" colspan="5" rowspan="2" style="width: 223px; vertical-align: middle; height: 41px; text-align: center;" valign="top">
                                            <asp:LinkButton ID="btnHelp" runat="server" Font-Names="Arial" Font-Size="Medium"
                                                ForeColor="White" Height="16px" PostBackUrl="~/Main_Interface/HelpPage.aspx"
                                                Style="vertical-align: middle; text-align: center" Width="100%">Help</asp:LinkButton></td>
                                    </tr>
                                    <tr>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
                <td align="left" colspan="25" style="border-top-style: none; height: 1px; width: 825px; background-color: #b5c7de; margin-left: 10px; text-align: left; font-size: 1pt;" valign="middle">
                
                    <asp:Menu ID="MainMenu" runat="server" cssclass="menu" 
                    
                      BackColor="#B5C7DE" DynamicHorizontalOffset="2"
                        Font-Names="Arial" Font-Size="Small" ForeColor="#284E98" Height="20px" Orientation="Horizontal"
                        StaticSubMenuIndent="10px" Target="_Parent" Width="715px" style="text-align: left; width: 100%; font-size: 8pt; font-family: Arial;">
                                       
                   
                        <StaticMenuStyle Width="60px" Height="25px" />
                        <StaticMenuItemStyle Font-Size="Small" HorizontalPadding="0px" VerticalPadding="2px"
                            Width="60px" BorderColor="DarkGray" BorderStyle="None" BorderWidth="1px" Height="25px" />
                        <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
                        <DynamicMenuStyle BackColor="#B5C7DE" Height="25px" />
                        <StaticSelectedStyle BackColor="#507CD1" Font-Size="Small" Width="60px" Height="25px" />
                        <DynamicSelectedStyle BackColor="#507CD1" />
                        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" BackColor="LightSteelBlue" BorderColor="SteelBlue" BorderStyle="Solid" BorderWidth="1px" Height="35px" />
                        <StaticHoverStyle BackColor="#284E98" Font-Size="Small" ForeColor="White" Width="60px" Height="25px" />
                        <DynamicItemTemplate>
                            <%# Eval("Text") %>
                        </DynamicItemTemplate>
                    </asp:Menu>
                    
                    
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
            &nbsp;&nbsp;</asp:contentplaceholder>
                </td>
            </tr>
            <tr>
                <td align="left" colspan="25" style="width: 825px; font-size: 1pt; font-family: Arial; height: 4px;" valign="middle">
                </td>
            </tr>
        </table>
        <br />
        &nbsp;</div>
    

    
    </form>
</body>
</html>

Open in new window

0
Comment
Question by:GregNizich
2 Comments
 
LVL 19

Accepted Solution

by:
Albert Van Halen earned 500 total points
ID: 33752417
Remove the height in DynamicMenuStyle
0
 

Author Closing Comment

by:GregNizich
ID: 33764652
Thanks! I started taking out some height numbers and determined that the menu was configured poorly (it was my first effort with it) so I deleted it and started from scratch with no dynamic height, and it works great now.  
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
IIS redirect 1 65
VB.Net Report Printing Issue 3 31
VB.net Move a class from Solution Items to a project 2 22
Chrome and Firefox Java 5 25
If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question