WordPress.org

1. acktacky
   Member
   Posted 1 year ago #

   Hi,

   I'm having trouble getting a dropdown to appear on rollover using IE and the theme Sandbox. I've tried to find my answer on the forum here and all across the internet and couldn't find anything. :( I think I have at least narrowed down the reasoning, but I can't figure out the solution.

   I'm currently working on this site:
   http://thetester.ecm-design.com/cadence2011/

   style.css
   

   #menu {
   	background: url(images/layout/cadence-layout--sprite-sheet.png) -1px -147px no-repeat;
   	height:39px;
   	margin:0 auto;
   	padding: 0;
   	width:1000px;
   	position: absolute;
   	top: 0;
   	text-align: center;
   	display: block;
   }
   
   #menu ul{
   	padding:0;
   	margin:0;
   	display: inline-block;
   }
   
   #menu li{
   	font: 1.3em times, times new roman, serif;
   	position: relative;
   	float: left;
   	list-style: none;
   	margin: 0;
   	padding:0;
   	text-transform: uppercase;
   }
   
   #menu li a {
   	height: 39px;
   	display: block;
   	text-decoration:none;
   	text-align: center;
   	line-height: 39px;
   	padding: 0 15px;
   	color: #01573e;
   }
   
   #menu li a:hover{
   	color: #808080;
   }
   
   #menu ul ul{
   	position: absolute;
   	top: 39px;
   	left: 15px;
   	visibility: hidden;
   	background-color: #f8f8f8;
   	font-size: .7em;
   	border-left: 1px solid #c5c5c5;
   	border-right: 1px solid #c5c5c5;
   }
   
   #menu ul li:hover ul{
   	visibility:visible;
   }

   functions.php
   

   // Produces a list of pages in the header without whitespace
   function sandbox_globalnav() {
   	if ( $menu = str_replace( array( "\r", "\n", "\t" ), '', wp_list_pages('title_li=&sort_column=menu_order&echo=0') ) )
   		$menu = '<ul>' . $menu . '</ul>';
   	$menu = '<div id="menu">' . $menu . "</div>\n";
   	echo apply_filters( 'globalnav_menu', $menu ); // Filter to override default globalnav: globalnav_menu
   }

   I have tried at least a dozen different ways to display the menu, and I have success across Firefox, Chrome, Safari, and Opera, but is completely messed up when I hit IE. I've been testing it on our PC with both IE7 and IE8, and it displays the same. Compatibility mode does absolutely nothing.

   I've thrown a few hacks in that I could find, but it only seemed to solve a couple of things before... Now I've messed with the code so much, I can't even get the pieces to fall inline together in IE, let alone perform a dropdown.

   This ONLY seems to happen with this specific theme. I can run the same exact dropdown on a different site, and other dropdowns from other themes still work on other projects I've done. Another site I'm making with Sandbox is also failing to display dropdowns.

   Is there any reason at all that this happening?

2. acktacky
   Member
   Posted 1 year ago #

   Okay, I also think it is attributing to the fact that I am using a WP3 custom menu... As when I use the automatically displayed menu, it works fine in IE when Sandbox is not styled. Hmmm.

Topic Closed

This topic has been closed to new replies.