• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1801
  • Last Modified:

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

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
GregNizich
Asked:
GregNizich
1 Solution
 
Albert Van HalenAnalyst developerCommented:
Remove the height in DynamicMenuStyle
0
 
GregNizichAuthor Commented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now