Solved

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

Posted on 2010-09-20
2
1,740 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
Loop not working 29 47
Replace &lt; with < 14 56
how to read json value 2 31
I need help making a collection from a class in VB.Net 3 27
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
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 +…

867 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

22 Experts available now in Live!

Get 1:1 Help Now