[SOLVED] easy menu child items are not displaying correctly

cluce · May 1, 2009

I need help. Please. The easy menu child items are not displaying correctly in firefox or safari. I tested it in IE 7 and 8 and it works fine with those browsers but not firefox or safari. The problem is...I have a flash object on my home page and when you try to view the child menu items in the easy menu those items drop down but it is behind my flash object so you cant click on them. Has anyone else had this problem? I will attach my code.

here is my code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Css/home.css" rel="stylesheet" type="text/css" />
</head>
<body>
  
  <form id="form1" runat="server">
  <div id="wrap">
    <div id="page-container">
    <div id="header">
       <div id="global-links" class="link2">  |
           <a href=""> Site Map</a></div>    
  </div>
      <div id="main-nav">
              <uc2:easyMenu ID="easyMenu1" runat="server" />
      </div>
   <!---   <div id="sidebar-a">
    <div class="padding"><p>News</p>
        </div>
</div> --->

<div id="content">
  	<div id="flash">
<object
    codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" 
     width="625px" height="263px" id="home_flash" align="middle" >
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="Intro.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="Flash/Intro.swf" loop="false" quality="high" bgcolor="" width="625px" height="263px"
name="home_flash" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>
     </div>
<div class="padding">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
</div>
     </div>

    <div id="footer">
    <div id="altnav">

    <uc1:footer ID="footer1" runat="server" />
	</div>
</div>
</div>
    </div>
    </form>
</body>
</html>

cluce · May 1, 2009

I forgot the css.

body
{
    background-position: left bottom;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
    background-color: #010159;
}

#wrap
{
    background-position: center center;
    width: 836px;
    margin: auto;
    background-image: url( '../Images/bg3.jpg' );
    background-repeat: repeat-y;
}

#page-container
{
    width: 800px;
    margin: auto;
    background-color: #FFFFFF;
}

#header
{
    height: 136px;
    font-family: 'Ant Olive Cp';
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    padding-left: 5px;
    background-image: url('../Images/header6.jpg');

}

h1
{
    margin: 0;
    padding: 15px;
    font-size: medium;
    width: 419px;
}

#global-links
{
    float: right;
    width: 164px;
    margin-top: 100px;
    height: 11px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #0000FF;
    text-decoration: none;
}

#main-nav
{
    border-left: thin solid #F16005;
    border-right: thin solid #F16005;
    border-top: thin none #F16005;
    height: 45px;
   
    background-repeat: repeat-x;
    background-image: url('../Images/flash_shade.gif');
    background-position: left bottom;
    }


#sidebar-a
{
    border-left: thin solid #F16005;
    float: left;
    width: 150px;
    line-height: 18px;
    height: 530px;
    text-decoration: none;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border-right-style: solid;
    border-left-style: solid;
    border-width: thin;
    border-color: #f16005 #000080 #f16005 #f16005;
}

#sidebar-a .padding {
padding: 25px;
}

#sidebar-a h1
{
   
}

#sidebar-b
{
    border-left: thin solid #000080;
    border-bottom: thin none #000000;
    float: right;
    width: 149px;
    line-height: 18px;
    height: 686px;
    border-color: #010159 #f16005 #000000 #010159;
    border-style: none solid none solid;
    border-width: medium thin thin thin;
    background-color: #FFFFFF;
}

#sidebar-b .padding {
padding: 5px;
}

#flash
{
    padding: 2px;
    margin-left: 5px;
    width: 97%;
    height: 263px;
}

#content
{  
    border-bottom: thin none #000000;
    border-left: thin solid #F16005;
    line-height: 18px;
    background-color: #FFFFFF;
    height: 685px;
    width: 644px;
}

#content .padding {
padding: 25px;

}

#content-header
{
    width: 126px;
    color: #010159;
}

#content h2
{
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    color: #010159;
    font-size: 22px;
}

#content p {
margin: 0;
padding: 0;
    padding-bottom: 15px;
}

#table
{
    height: 278px;
    width: 144px;
    margin-top:3px;
    text-align: center;
}


#footer
{
    height: 53px;
    clear: both;
    text-align: center;
    background-image: url('../Images/footer1.jpg');
    color: #FF9933;
    margin-top: 1px;
}

#footer a:link
{
    color: Orange;
    text-decoration: underline;
}

#footer a:hover
{
    text-decoration: none;
    color: #db6d16;
}


/*Classes*/


.class1 A:link
{
    text-decoration: underline;
    color: #F16005;
}

.link1 A:visited
{
     text-decoration: none;
      color:#f16005;
}

.link1 A:active
{
     text-decoration: none;
     color:#f16005;
}

.link1 A:hover
{
    text-decoration: none;
    color: #FF9933;
}



.link2 A:link
{
    text-decoration: none;
    color: #f16005;
}

.link2 A:visited
{
    text-decoration: none;
    color:#f16005;
}

.link2 A:active
{
     text-decoration: none;
     color:#f16005;
}

.link2 A:hover 
{
    text-decoration: underline;
    color:#FF9933;
}

Axeia · May 3, 2009

Common issue, see http://www.communitymx.com/content/article.cfm?cid=e5141

Sign In

[SOLVED] easy menu child items are not displaying correctly

Recommended Posts

cluce

Link to comment

Share on other sites

cluce

Link to comment

Share on other sites

Axeia

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information