Solved

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

Posted on 2010-09-20
2
1,729 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
Comment Utility
Remove the height in DynamicMenuStyle
0
 

Author Closing Comment

by:GregNizich
Comment Utility
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

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

I recently found myself in a Corporate Situation where the client had requested blocking access to any and all websites except his own Domain? Easy? I am sure this would be your answer but their requirement was, this has to be done without using…
A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
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…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

743 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now