Firefox drop down menu problem

Hi

I have a horizontal menu bar on my home page - http://www.iol.ie/~tulligweather . When using Firefox if I roll the cursor over the buttons that have sub-menus the sub-menu appears OK; but with a small gap between the nav bar and the sub-menu. As I move the cursor over the submenu it dissapears making the sub-menu links inaccessible.

If you're quick enough with the cursor you can sometimes catch the sub-menu before it disappears; but you have to be very quick.

This works fine in IE where there is no gap between the nav bar and the sub-menu.

I've tried regenerating the menu to no avail. Can anyone help, this is driving me nuts!

Thanks
David

Hi

I have a horizontal menu bar on my home page - http://www.iol.ie/~tulligweather . When using Firefox if I roll the cursor over the buttons that have sub-menus the sub-menu appears OK; but with a small gap between the nav bar and the sub-menu. As I move the cursor over the submenu it dissapears making the sub-menu links inaccessible.

If you're quick enough with the cursor you can sometimes catch the sub-menu before it disappears; but you have to be very quick.

This works fine in IE where there is no gap between the nav bar and the sub-menu.

I've tried regenerating the menu to no avail. Can anyone help, this is driving me nuts!

Thanks
David

Hi David,

welcome to talkgraphics... I would look at the height settings on your menu bar. I had a little trouble, but was able to see the sub and sub-sub menus in firefox. I double checked my settings with my test bar and it worked fine. double check your height settings...

David,

I've never used Menumaker, so can't help with your case I'm afraid, but if you email the Xara Support people, link them to their demo #7, because it suffers from the same problem as you have on your menu: http://www.xara.com/products/menumak...NBExample7.htm

(With Firefox 1.0 here, your menus shift a pixel or two, the Xara demo#7 doesn't do that, but it does require very fast and precise mouse movement to get into the submenus)

(If you need to contact Xara, read an FAQ from http://www.xara.com/support/menumaker/ and scroll to the bottom of the page, then click Contact Support)

<BLOCKQUOTE class="ip-ubbcode-quote"><font size="-1">quote:</font><HR>Originally posted by Daniel:
David,

I've never used Menumaker, so can't help with your case I'm afraid, but if you email the Xara Support people, link them to their demo #7, because it suffers from the same problem as you have on your menu: http://www.xara.com/products/menumak...NBExample7.htm

(With Firefox 1.0 here, your menus shift a pixel or two, the Xara demo#7 doesn't do that, but it does require very fast and precise mouse movement to get into the submenus)

(If you need to contact Xara, read an FAQ from http://www.xara.com/support/menumaker/ and scroll to the bottom of the page, then click Contact Support) <HR></BLOCKQUOTE>

Thanks for your reply Daniel. I checked out the Xara demos and I have to say I didn't experience any problems with the sub-menus on any of the demos using Firefox.

I have the same problem www.wantitbak.com

did anyone get a solution? Same thing occurs in both firefox and IE

<BLOCKQUOTE class="ip-ubbcode-quote"><font size="-1">quote:</font><HR>Originally posted by XTC:
I have the same problem http://www.wantitbak.com

did anyone get a solution? Same thing occurs in both firefox and IE <HR></BLOCKQUOTE>

Well, weird as it may seem, I don't have any problems with the drop down menus on your site when using Firefox 1 or IE6.

I'm going to test the suggestion above regarding the menu height; but I'm not suer when I can fit this unto the work load. I'll post up when I've tested it.

Rgds
David

Cheers for trying. It is very intermittent but happening enough that poeple have commented on it. I have tried having spcing at 2 and currently at 0

tends to happen more if you move your mouse off teh main button down in a diagonal direction slightly.

I've narrowed this down somewhat to some affect that the css is having. Previously the menu was wrapped in its own divs with an absilute position. Putting ther menu in the same divs as the banner at the top results in the menu working properly.

At present the menu is working fine; but please beaware that at 14:00 GMT the page will be automatically updated from home and will revert to the old page structure. This will be the case until I get the chance to debug the page template at home.

At least I now seem to be on the track to fixing this.

<BLOCKQUOTE class="ip-ubbcode-quote"><font size="-1">quote:</font><HR>Originally posted by Scallionman:
At present the menu is working fine; but please beaware that at 14:00 GMT the page will be automatically updated from home and will revert to the old page structure. This will be the case until I get the chance to debug the page template at home. <HR></BLOCKQUOTE>

What do you mean by this statement?

I also do not understand the <div> statements you are making, as there are no divs shown at all in the html that menumaker gives

<body bgcolor="#ffffff" text="BLACK">
<script src="xaramenu.js"></script><script Webstyle4 src="wib.js"></script>
</body>

<BLOCKQUOTE class="ip-ubbcode-quote"><font size="-1">quote:</font><HR>Originally posted by XTC:
I also do not understand the <div> statements you are making, as there are no divs shown at all in the html that menumaker gives

<body bgcolor="#ffffff" text="BLACK">
<script src="xaramenu.js"></script><script Webstyle4 src="wib.js"></script>
</body> <HR></BLOCKQUOTE>

That's true; but I wanted to position the menu on the page using CSS positioning. So I had something like:
<div id="mainheader">
Tulligweather header in here
</div>
<div class="topmenu">
Script statements in here.
</div>
<div id="toptext">
rest of the page in here
</div>

Removing the topmenu div to the the script statements fall into the mainheader area fixed the problem. The topmenu css is defined as:

.topmenu {
position: absolute;
top: 115px;
left: 5px;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 80px;
width: 800px;
background-color: #BCBCBC;
z-index: 100;
}

Maybe it was something to do with topmenu being defined as a class and not as an ID, or maybe something to do with the height.

The sub and sub-submenus are Css drop downs. Maybe the Css you where using was 1 or 2 pixels goofy. So the script recieved a mouseoff before it recieved the mouseover making it go bye-bye.

<BLOCKQUOTE class="ip-ubbcode-quote"><font size="-1">quote:</font><HR>Originally posted by John Rayner:
The sub and sub-submenus are Css drop downs. Maybe the Css you where using was 1 or 2 pixels goofy. So the script recieved a mouseoff before it recieved the mouseover making it go bye-bye. <HR></BLOCKQUOTE>

Hi John, yes I'm sure it's something like that, particularly as there seems to be a couple of pixels gap between the menu bar and the sub-menu when it drops down. I'll let you know how I get on.

Regards

David

If you figure out the answer be sure to post it here so others do not have to loose as much hair as you had to... http://www.talkgraphics.com/images/smilies/wink.gif http://www.talkgraphics.com/images/smilies/biggrin.gif

Well I did get it fixed; but I still don't understand why it wasn't working. This is probably my ignorance of CSS positioning techniques.

What I was using in my site was 4 absolutely positioned divs; The page header, the menu, the mainbody and the footer. When the menu had it's own positioned div it didn't work properly.

I then combined the top 3 positioned elements into one, so the heander, menu & main body all became one. Then the menu worked OK.

So I guess the moral of the story is; don;t put a horizontal menu in an absolutely positioned div or it may not work correctly.

Thanks for everyones suggestions on this.

David

David,

I think MM uses a relative positioned CSS. When you had it nested inside it's own CSS it got confused and made it look like poo-poo.

Quote:

---

Originally posted by John Rayner:
David,

I think MM uses a relative positioned CSS. When you had it nested inside it's own CSS it got confused and made it look like poo-poo.

---

Well I'm not sure it looked quite that bad, actually it looked fine. It just didn't work in the Mozilla browsers http://www.talkgraphics.com/images/smilies/smile.gif

Sorry It was more than 24 hours ago. I must have forgotten the symtoms. http://www.talkgraphics.com/images/smilies/biggrin.gif Then the mozilla browsers made it look like poo-poo. http://www.talkgraphics.com/images/smilies/rolleyes.gif http://www.talkgraphics.com/images/smilies/biggrin.gif

Which is better opera or firefox?

J.R. Jackson
JR Jackson

"Which is better opera or firefox?" - J.R. Jackson

That is easy whichever one is free and works on the most websites, but does not open you up for loads of spam/viruses and asociated poo-poo.

yep

im having the same problem

my webpage - www.monkseatoncomputers.co.uk

Any ideas, im going to have a go all day at fixing it, It works perfectly fine in IE, but not in mozilla/firefox


Thanks folks

So - my menu works just fine on its own! on its own!

but doesnt work on my website ...

The only difference between them is, on the website, i have dropped the menubar onto a layer, so that it matches up nicely with the image behind.

This is the code i have used!

HTML Code:

---

<style type="text/css">
<!--
#hnavigation {        position: absolute;
        height: auto;
        left: 12;
        top: 93;
        z-index: 5;
        background-color: #70a326;/*themecolour1;*/
}
-->
</style>
<table width="100%" height="78" border="0" cellpadding="0" cellspacing="0" id="table1">
        <tr>
          <td width="300" height="78"><div align="center"> <table width="300" height="78" border="0" cellpadding="0" cellspacing="0">  <tr>    <td height="78" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"      codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"      width="300" height="78">
        <param name="movie" value="./images/flash/title.swf" />
        <param name="quality" value="high" />
        <param name="LOOP" value="true" />
        <param name="menu" value="false" />
        <embed src="./images/flash/title.swf"      width="300" height="78"      loop="false" quality="high"      pluginspage="http://www.macromedia.com/go/getflashplayer"      type="application/x-shockwave-flash" menu="false"> </embed>
      </object></td> 
          </tr> </table>
              </div></td>
                <td width="100%" height="78">
                <img border="0" src="right.jpg" width="100%" height="78" align="right"></td>
        </tr>
</table>
<div id="hnavigation">
  <script src="xaramenu.js"></script><script Webstyle4 src="elements_page1_hnavbar.js"></script>
</div>
<div>
<img src="menubar.jpg" width="100%" height="27" />
</div>

---

If anyone can tell me the best way to go about this, I would be most appreciated! Thanks alot guys

O.k. I just now found and registered at this forum and this must be an omen. To begin, my web site is developed using WS4 and I just purchased Xara's Menu Maker earlier this evening. A snap to get up and running but one problem, I'm using the latest version 1.7 of Mozilla Firefox browser. The menu buttons I chose to use from Xara's templates are ClearLake 7 (page 7) sort of like a garden look color. I won't bore all with the details but suffice it to say, I also am having problems with my submenu items when viewing with Mozilla Firefox. All works fine using IE but no way I'm going to switch. Problem is that many are switching over to Firefox given the plethora of Bugs in IE. And, according to the hits on my web site, majority are using Firefox as opposed to IE. So, indeed this presents a problem. As I have not yet experimented with the other menu button selections provide by Xara's Menu Maker, it's somewhat indeterminate as to whether this problem lays solely with Xara's Menu Maker template, the Firefox browser or both. As a programmer, I have it through reliable source that Firefox does change some things inherently done in IE that may adversely affect viewing some websites. So, maybe this has something to do with all of this. I will post to Mozilla Firefox forum to see what I can find out as well as submit an email to or call Xara regarding same. Hopefully, together we can resolve this matter once and for all instead of having others pass the buck.

O.k., hopefully many of you will read this as there appears to be a lot of wrongful blame directed toward the Firefox Browser with regard to Menu Maker display problems. What I recently found out but was unaware of, for those of you like myself who may use Web Studio 4, their latest service pack added Browser Centering. In doing so, this apparently adversely affects menu items (created in Menu Maker) from being properly displayed when viewed in Mozilla Firefox. While this behavior does not occur in IE I don't know, but it still does not appear to have anything to do with Firefox. From what I have learned thus far, the real problem lays with Xara's Menu Maker in that it does not lend itself to Web Studio Browser Centering. In fact, once I turned this feature off inside Web Studio, my submenu items display and function as expected in both IE and Firefox. While I am only familiar with Web Studio (as this is what I used to build my own web site), if you are using another product to build your site, you just may want to verify if they also implement Browser Centering. Hope this bit of information can at least help someone else resolve their menu maker display issues, and save some time and aggravation in the process.

Although this post goes back to 2005 I'm experiencing a similar problem... but not on all computers. I have to be very quick with the mouse and sometimes need to have several attempts at "catching" the sub menu... particularly if it branches out into a second sub menu.

I use both Firefox and IE to test my pages. They seem to work fine at home where I put the pages together, but other people are finding it somewhat frustrating.

Has anyone got a fix to this?

Thanks in advance.

It seems to work if you place the code in Beginning of Body, set the vertical position manually and center it on the page with <center> tags - as long as you wanted it to be centered, of course.


Code:
--------------------------------------------------------------------------

<div id="xmenu" style="position:absolute; top:228px; left:0px; width:100%; height:74px; z-index:999;">
<center>
<script src="xaramenu.js"></script><script menumaker src="berkeley.js"></script>
</center>
</div>

--------------------------------------------------------------------------
I don't take credit for this solution, it was given to me by a friend, but it does work for me.

Quote:

---

Originally Posted by jrjackson

Which is better opera or firefox?

J.R. Jackson
JR Jackson

---

I did not get a repsonse. Is this board still active?

The forum is active however there are few users of Menu Maker that participate.

As to which is better between Opera and Firefox, that is subjective according to individual taste.

Many TG members like Firefox, at least from their mentioning of the browser in some posts. I have not seen many posts about people using Opera, but there are some post of that nature.

I personally prefer IE, but I'm odd that way :D

Quote:

---

Originally Posted by jrjackson

I did not get a repsonse. Is this board still active?

---

Ah but you did, the very next day (which was about 4½hrs after your post infact) the very next post responded to your question?
Did you not regularly check? Or perhaps you did not select 'Instant Email Notification' when subscribing to this thread?

Steve [sledger] is on record as being an an opera fan - I am a firefox fan.

Whilst there are technical reasons for opting one way or the other, personally my preference is due to a combination of interface/familiarity/available customisations [add-ons]. I know the fox very well indeed.

I wouldn't think you could define one as better than the other in absolute terms - end of the day it matters more how you the user approach things :)

And I (apparently unlike most of the known world) actually prefer to use IE. Go figure.

:D

To be honest - if FFox was to evaporate I would revert to IE7 now it has tabs and a bit of the same 'feel'. It would be a much easier transition I reckon, and security is not the issue it was, given that I am running MS operating system anyway.

Most important is that you know your browser well and how to use it properly - whichever one it is.

Sub menu disappearing in Firefox.
I am having exactly the same problem!

If I am understanding this correctly -- Putting the menu in the same divs as the banner at the top results in the menu working properly. -- I am already doing this and it still does not work.

I am curious what you meant by 'check the height'. And if it needs to be 'higher' how do you change the height without changing the width in Menu Maker?

Thanks, Linda

Kieth

I also prefer IE and so do many other members.
If only there could be one universal browser:rolleyes: