Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2010-09-20
2
Medium Priority
?
1,782 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 19

Accepted Solution

by:
Albert Van Halen earned 2000 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

A new era in Cloud training has arrived.

A day that will go down in Cloud history.. But are you ready for it? Will you accept this Cloud challenge?

Question has a verified solution.

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

Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
Citrix XenApp, Internet Explorer 11 set to Enterprise Mode and using central hosted sites.xml file.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…

661 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