Smooth Navigational Menu

**khouran** · 03-03-2009, 09:09 PM

1) Script Title: Smooth Navigational Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

3) Describe problem: When using this menu (very cool, by the way) - it works fine in IE7, however, when checking the page in Safari or Firefox, the menu does not extend across the page. It stops after the last menu item. Any suggestions?

**Snookerman** · 03-03-2009, 10:04 PM

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

**khouran** · 03-06-2009, 05:15 PM

I'm not sure which code you need. I don't really have this on a "live" page - I'm just testing how it looks and works. I want the menu to extend across the entire page, and it only goes about 1/2 way.

It looks fine in IE7, but it does not in Firefox or Safari. Is there something I can look at myself - some kind of setting to change?

I am testing it within a table - which is set at 100%.

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">

<div id="smoothmenu1" class="ddsmoothmenu">

**khouran** · 03-06-2009, 07:04 PM

is this the section of code that would relate?

.ddsmoothmenu{
font: bold 12px Verdana;
background: #840129; /*background of menu bar (default state)*/
width: 100%;

**Snookerman** · 03-06-2009, 08:11 PM

Sorry, but that is not enough, please post all the code you have and make sure you wrap it in code tags by clicking on the button that looks like this:

**khouran** · 03-09-2009, 08:09 PM

test page to try out the code

https://www.mercbank.com/test.asp

**Snookerman** · 03-09-2009, 08:33 PM

Try adding this to your CSS code:

Code:

.ddsmoothmenu {
font: bold 12px Verdana;
background: #840129; /*background of menu bar (default state)*/
width: 100%; 
position: absolute;
}

Good luck!

**khouran** · 03-09-2009, 09:31 PM

Sorry to bug you again! This fix does extend the menu across the page - and now works fine with Firefox and Safari. However, in IE the height is off. Any suggestions?

Thank you so much for your help!

**Snookerman** · 03-09-2009, 11:00 PM

Try this:

Code:

.ddsmoothmenu {
font: bold 12px Verdana;
background: #840129; /*background of menu bar (default state)*/
width: 100%; 
position: absolute;
height: 25px;
}

Good luck!