Solved

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

Posted on 2010-09-20
2
1,773 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 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Several part series to implement Internet Explorer 11 Enterprise Mode
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
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.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

627 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