Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #178

My sub-menus are out of alignment in IE6 or IE7 and do not pop open near their triggers. What's wrong and is there a fix or solution?

The Answer

Prepared Dec. 2005 by Al Sparber, PVII

Yes. Your symptom indicates that your page contains alignment attributes or rules that are affecting the menu. IE6 and IE7 are sensitive to aligment being set on any menu element except for the menu links. To get your menus into alignment, we first need to counteract conflicting alignment instructions. In your menu style sheet, find the #p7PMnav rule. Add a text-align property and set its value to left:

#p7PMnav {
/*other properties are here*/
	text-align: left;
}

Now, if you want to center your menu links, you can do it for both the root and sub-menu levels, or just the sub-menu levels. To center just the sub-menu level menu items, skip to part 2 below.

To center both the root and sub-menu level menu items:

Look for the #p7PMnav a rule in your menu style sheet. Add a text-align property and set its value to center.

#p7PMnav a {
/*other properties are here*/
	text-align: center;
}

Part 2: To center just the sub-menu level menu items:

Look for the #p7PMnav ul a rule in your menu style sheet. If one does not exist, then you must create it. Add a text-align property and set its value to center.

#p7PMnav ul a {
/*other properties are here*/
	text-align: center;
}

That's it!

Back to the questions list