Go Premium for a chance to win a PS4. Enter to Win

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,795 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 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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

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…
This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
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 +…
Suggested Courses

971 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