Several Issues/Questions

[dvdthmpsn]

My website address is http://www.pchas.org.

The most significant issues only occurred after I upgraded to the latest version, 5.3. I was previously using a version from early May without these problems occurring:

(1) The right border of each menu item that does not have a submenu linked to it now appears with too much padding from the text. Interestingly, the background color still covers the appropriate area. This problem occurs when using Win IE 6 but seems to appear correctly on Win IE 5.5.

(2) The menu item text doesn't wrap in IE 6 (but does in IE 5.5). I've tried various combination of itemwidth and menuwidth without success.

The following were the original issues that prompted me to upgrade the menu. Unfortunately, they still occur with the latest version:

(1) Inheritance of font-size seems inconsistent between Win IE 5.5 and 6. Specifically, I use CSS to set my block-item text font-size to 80%. Menu items seem to inherit this setting when using IE 6 but not in IE 5.5. Either option would work, but the inconsistency seems to create a problem.

(2) The left and top borders on my submenus do not appear when using IE 5.5 (but they appear correctly in IE 6).

Your help is appreciated. By the way, here's the link to my menu data if that's helpful: http://www.pchas.org/library/menudatamain.js.

David.

[Ruth]

I'll start by saying I have ie5.5 win98se, so I'm unable to see some of the issues.

(1) The right border of each menu item that does not have a submenu linked to it now appears with too much padding from the text....

Someone with IE6 may be able to see what's happening, as a workaround you can put a transparent image the same size as the subimage in the items that don't have submenus. Not an elegant solution but it will even things out.

Code: Select all

aI("text=Who;image=blank.gif; imagealign=right;url=;");

(2) The menu item text doesn't wrap in IE 6 (but does in IE 5.5).

This probably has to do with the next issue and the difference in your menu and css text size i.e. 80% vs 100% in the menu.

(1) Inheritance of font-size seems inconsistent between Win IE 5.5 and 6. Specifically, I use CSS to set my block-item text font-size to 80%.

In the menu you have font-size="100%". It seems IE5.5 is using that whereas IE6 is using the stylesheet. Try setting the menu setting to 80%. Also, if you specify a pixel value it should keep that value in the various browsers unless the user has a style sheet set with !important which follows css rules and let's the users' stylesheet take precedence.

(2) The left and top borders on my submenus do not appear when using IE 5.5 (but they appear correctly in IE 6).

This has to do with the shadow effect that you are using in the overfilter and how ie5.5 renders it. There seems to have been a change between IE5.5 and IE6 on reading these transitions and filters which are only visible in IE. They are actually still there in IE5.5 but because the shadow has 'shifted' the area the top and left border seem to fall in the 'shadow' and therefore not show. If you look at it in IE5.5 you'll see that the right and bottom borders are 'inside' the shadow. The only fix I could find was to put the onborder code in the submenu style definition with a 2px border instead of 1 and lower the shadow strength to 2. submenu.onborder="2px solid #ffffff"; That gives you what looks like a 1px left and top border and a 2px right and bottom border.

Hope that helps.

Ruth

[Andy]

Hi,

(1) The right border of each menu item that does not have a submenu linked to it now appears with too much padding from the text. Interestingly, the background color still covers the appropriate area. This problem occurs when using Win IE 6 but seems to appear correctly on Win IE 5.5.

This is a bug in the menu. This has now been fixed for version 5.31 due out very soon.

(2) The menu item text doesn't wrap in IE 6 (but does in IE 5.5). I've tried various combination of itemwidth and menuwidth without success.

Again, fixing the above appeares to have fixed this problem also.

(1) Inheritance of font-size seems inconsistent between Win IE 5.5 and 6. Specifically, I use CSS to set my block-item text font-size to 80%. Menu items seem to inherit this setting when using IE 6 but not in IE 5.5. Either option would work, but the inconsistency seems to create a problem.

I couldn't see this problem with IE5.5. The text changed as expected with both browsers. Let me know if this problem still occurs after the 5.31 release.

(2) The left and top borders on my submenus do not appear when using IE 5.5 (but they appear correctly in IE 6).

This is due to a bug in the IE transitions and filters. IE5.5 doesn't seem to render the transitions and effects as well as IE6. We are working on some code that will allow you to do away with the buggy IE transitions. More on this will be available soon.

I'm hoping to get version 5.31 released tomorrow (Thursday 1st July)

Hope this helps
Andy

[dvdthmpsn]

Thanks for your helpful replies. I'll upgrade to 5.31, and that will hopefully address most of the issues. David.

[dvdthmpsn]

Followup from previous discussion--one question remains...

(1) The right border of each menu item that does not have a submenu linked to it now appears with too much padding from the text. Interestingly, the background color still covers the appropriate area. This problem occurs when using Win IE 6 but seems to appear correctly on Win IE 5.5.

This is a bug in the menu. This has now been fixed for version 5.31 due out very soon.

Fixed in 5.31a.

(2) The menu item text doesn't wrap in IE 6 (but does in IE 5.5). I've tried various combination of itemwidth and menuwidth without success.

Again, fixing the above appeares to have fixed this problem also.

Fixed in 5.31a.

(1) Inheritance of font-size seems inconsistent between Win IE 5.5 and 6. Specifically, I use CSS to set my block-item text font-size to 80%. Menu items seem to inherit this setting when using IE 6 but not in IE 5.5. Either option would work, but the inconsistency seems to create a problem.

I couldn't see this problem with IE5.5. The text changed as expected with both browsers. Let me know if this problem still occurs after the 5.31 release.

Here's my remaining question. I won't have access to a IE55 machine until Tuesday. In the meantime, can you tell me which CSS element the text of the menu inherits from?

(2) The left and top borders on my submenus do not appear when using IE 5.5 (but they appear correctly in IE 6).

This is due to a bug in the IE transitions and filters. IE5.5 doesn't seem to render the transitions and effects as well as IE6. We are working on some code that will allow you to do away with the buggy IE transitions. More on this will be available soon.

I simply removed the shadow. Looks great--easy fix.

I'm hoping to get version 5.31 released tomorrow (Thursday 1st July)

Thanks!
David.