Several Issues/Questions

Poster: dvdthmpsn
Dated: Wednesday June 30 2004 - 6:22:00 BST

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.

Re: Several Issues/Questions

Poster: Ruth
Dated: Wednesday June 30 2004 - 15:46:37 BST

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

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.

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.

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.


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

Poster: Andy
Dated: Wednesday June 30 2004 - 16:44:40 BST

Hi,



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



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

Poster: dvdthmpsn
Dated: Thursday July 1 2004 - 5:07:58 BST

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

Poster: dvdthmpsn
Dated: Saturday July 3 2004 - 4:11:06 BST

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



Fixed in 5.31a.



Fixed in 5.31a.



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?



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



Thanks!
David.