The issue I'm having is that nice_menu_primary_links drop behind the sideblock nice_menu links I've set up on the left. I've attached a picture of what my primary menu looks behind a nice menu block on the left. This happens in both Firefox 2.0 and IE 6 and IE 7.

Here's my css:

.block-nice_menus-1 ul li, #menu-321, #menu-320, #menu-322 {
width:170px;
font-size:105%;
color: white;
background-color: #2B308B;
border-color: #CCCCCC;
border-style:none solid solid;
border-width:0pt 1px 1px;
float:left;
margin:0px;
}
/* modify for gov sub links nice menu blk */
.block-nice_menus-1 ul li, #menu-322, #menu-323, #menu-324, #menu-325 {
width:170px;
font-size:105%;
color: white;
background-color: #2B308B;
border-color: #CCCCCC;
border-style:none solid solid;
border-width:0pt 1px 1px;
float:left;
margin-left:12px;
}
.block-nice_menus-1 a {color: #ffffff; font-weight: bold;}
.block-nice_menus-1 li a.active {color: #8ad0d1; font-weight: bold;}
ul.nice-menu-right li.menuparent, ul.nice-menu-right li li.menuparent {
background: url(/themes/mar/img/nmarrow-right.gif) no-repeat scroll right center; }

#utilities {
padding: 0;
margin: 0px auto;
width:900px;
height:28px;
background-color: #a9b4ea;
}
#utilities #plinks {
font-size:105%;
position:absolute;
top:0px;
left:0px;
line-height:1.3em;
}
#utilities #plinks ul li {
display: inline;
float:left;
margin: 0 2px 0 1px;
}


Thanks.

CommentFileSizeAuthor
#6 nide_menu_overlap.jpg48.81 KBrsbecker
menusHidemenus.gif3.9 KBlias

Comments

add1sun’s picture

add1sun commented
Status: Active » Postponed (maintainer needs more info)

Any progress on this? Do you have it on a live site to look at?

lias’s picture

lias commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

Thanks for the response. I ended up taking the easy route and created a separate menu that didn't use nice menus block and that worked for now.

boomroker’s picture

boomroker commented
Status: Closed (fixed) » Active

I am currently working on fixing this crappy issue.
I have the same problem.

Stay tuned...

-------------------------------------

No luck...

add1sun’s picture

add1sun commented
Status: Active » Closed (fixed)

This most often has to do with a position CSS setting somewhere in the theme and so is going to be specific to each person's theme. I'm going to close this issue since the OP has resolved her issue.

vidmarc’s picture

vidmarc commented

I had this problem too. In the zen css I found this toward the bottom, so perhaps other themes have this option too?

  #navbar
  {
/**   overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

  /* If a div.clear-block doesn't have any content after it, Firefox and Safari
     will mistakenly place several pixels worth of space between the bottom of
     the div and the bottom of the viewport. This fixes it. */
  #page { overflow-y: hidden; } /* CSS3 property */

As you can see, I've commented it out and the Nice Menu now displays fine.

rsbecker’s picture

rsbecker commented
StatusFileSize
new nide_menu_overlap.jpg48.81 KB

I followed advice to comment out #navbar overflow:hidden but it did not solve my problem with IE 8. If I have a flyout containing more than one link the first link is positioned properly on top of the top level button, but subsequent links go behind the top level buttons. Then, if there is a second level flyout the top link goes in front and the second link of the first level flyout is atop the second level buttons. See attached screenshot. I have searched for other overflow tags and found none. With the change made above all overflows are set to visible.