PDA

View Full Version : AnyLink Drop Down Menu & Horizontal Scrollbar Issue



dss4020
02-07-2008, 02:58 AM
1) Script Title:
AnyLink Drop Down Menu

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem:

Hortizontal Scroll bar showing up upon load of page and going away on mouseover. I Would like to get rid of the scroll bar upon load.

Reference Page: http://www.mnrenttoown.com/css_redesign/internal.asp

I am using one instance of AnyLink Drop Down Menu on this page and when the page loads the horizontal scroll bar shows up with IE7. The horizontal scrollbar goes away once you mouse over one of the menu links. This scroll bar does not show up with FF2.

I think I have narrowed the issue down to this following line utilized by the AnyLink Drop Down Menu

#dropmenudiv{
position:absolute;

Being relatively new to CSS I utilized the Perfect 3 Column Layout located at
http://matthewjamestaylor.com/blog/perfect-3-column.htm

I believe the only thing other than images, background colors and borders I added or changed to the core template was

html
{
height: 100%;
}

and style attributes located on <div> tags specified for easy editing for now.

I appreciate anybody's help or direction in advance.

ddadmin
02-07-2008, 08:39 AM
Simply add a left and top property to the CSS for the drop down menu:


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background: green;
left: 0;
top: 0;
}

dss4020
02-07-2008, 02:35 PM
Thank you, that fixed the issue, I appreciate the help and extremely impressed with the quick response.