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


Initial Email From: Mary Helen
Initial Email Subject: problem with website
Support Case Month: April 2012

Hi,

We developed http://www.hpmrentals.com with a popout menu using AllWebMenus.

On Firefox, the site looks fine, but on Internet Explorer, it has a problem.

See attached screenshot to see the problem.

Also I am attaching a sample left menu button graphic so you can see what is involved with that.

Can you possibly help us?

Thanks!
MH

Reply From: Likno Customer Support

Dear Mary Helen,

I tested your site and menu project and saw a couple of things that could be causing this.

First of all, your pages lack a proper DOCTYPE, which is required in order to have a valid HTML file. When the DOCTYPE is omitted (like in your pages) IE is going in IE5.5 Compatibility Mode, which may also be causing the positioning issue. This is something that only affects IE, but it does so a lot. A proper DOCTYPE would be to change this:

<html><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->

Into this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->

Another thing that affects IE is the images you are using. Specifically, if the images are not set to “display: block;” they can add 4 pixels of empty space after each image, hence pushing other content.

You can try adding this to your images, for example:

<img style="display: block;" src="http://www.hpmrentals.com/images/spacer.gif" alt="" width="1" height="343">

Finally, you should not need a spacer in the Positioning Element. So you can change this to:

<td width="186" height="343" align="left" bgcolor="#5D7962" id="awmAnchor-menu">&nbsp;</td>

Please try these changes to see if your menu positioning is corrected.

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: Mary Helen

The proper doctype and html tag fixed it!

I think I let Photoshop generate my starting page and worked from there, and Photoshop is generating this bad code.

I have to get more proactive in fixing it!

Thanks so very much!
MH