Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: Matt
Initial Email Subject: Browser Specific Offset
Support Case Month: April 2012

I can't get the browser specific offset to work.  If I set the offset from the main "Relative to an Element" tab it works for all browsers.  If I set the browser specific offset then the browser does not recognize its own offset and resorts to the offset in the main "Relative to an Element" tab.  I even tried setting the offset in the main "Relative to an Element" tab to 0 and it still did not work.  I am using AWM 5.3 build #830.  Any ideas as to what I may be doing wrong?

Thanks,
Matt

Reply From: Likno Customer Support

Hello,
Which browser are you referring to? And why do you need the browser-specific offsets? If your positioning is correct then you should not need ANY browser-specific offsets.
If you can send me the URL I can check your page and tell you how to do this.
Having said this, I should also inform you that your current AllWebMenus version is very old and has known issues with both IE9 and Safari 5. I can see that your Update Plan expired in June, still the latest version you can get for free without extending your Update Plan (build 866) does fully support all of the latest browsers, so I strongly recommend that you get this:

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Matt

IE 8 and Firefox 11.
The menu displays 2 pixels off in IE vs. Firefox.  I was needing to use the offset to correct the difference between the two browsers.
http://www.cummins-sp.com/index_test.php
The below screen capture is from IE 8.  The same menu displays aligns correctly in Firefox 11.  I have not tested any other browsers yet.

Thanks,
Matt

Reply From: Likno Customer Support

Dear Matt,
Actually I see the opposite problem. Firefox 11 is like the screenshot, and IE8 is correct. Still, I want to ask you to completely remove the browser-specific offsets.
Then change your positioning to use the existing DIV with id=”topNav” like so:

The reason your existing positioning (with the extra <span>) did not work is that you have not specified any paddings, and each browser has a different default padding, hence the <span> ends up in different places. The “topNav” <div> however, seems to be properly positioned in all browsers, so it is a good element to use for positioning.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Matt

OK, I have set it up as specified.  I removed the browser specific offsets and used the "Custom ID" of  "topNav".  I also added paddings, as suggested, to my elements to see if that helped.  Still I get the same result.  Yes, you are correct that the screen shot I sent you was Firefox.  That was my mistake.
Why does adding browser specific offsets not effect the position of the menu?

Thanks,
Matt

Reply From: Likno Customer Support

Hello,
After checking your compiled project more carefully, I noticed that apart from the browser-specific offsets (which you did not remove) you also have specified some offsets in the “Advanced Scripting” section. The Advanced Scripting offsets override the browser-specific offsets, which is why the last seem to not work.
Please clean the Advanced Scripting and remove all browser-specific offsets, and your positioning will work in all browsers.

Again, I remind you that due to using a very old AllWebMenus version, your menu is not visible at all in IE9 and Safari 5! You can get a newer version for free form your User Area account, so I really think you should do this.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Matt

Thanks! Removing that from advanced scripting worked. Not sure how that got there in the first place.
Thanks,
Matt