Mac IE5.1 getting repeating background

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
User avatar
cubefree
Super Advanced
Super Advanced
Posts: 82
Joined: Fri Aug 01, 2003 3:16 am
Location: Seattle, WA
Contact:

Mac IE5.1 getting repeating background

Post by cubefree »

One of my developer friends tested this link on her Mac using IE5.1: http://www.monnix.com/phsredesign/websi ... fault2.asp

This is what she is seeing:
http://www.cubefree.com/clients/provide ... avtest.gif

ANY IDEAS, what would cause this?

Here's the code my ASP writes out for the left and right nav.
(I added, orientation="vertical"; afterward just to see if it would change things.)

Code: Select all

with(leftStyle=new mm_style()){
       oncolor = "#003366";
      offcolor = "#6699cc";
     pagecolor = "#003366";
separatorcolor = "#6699CC";
 separatorsize = 1;
       padding = 4;
      fontsize = "12px;"
     fontstyle = "normal";
    fontweight = "bold";
    fontfamily = "verdana, tahoma, arial";
      subimage = ipath+"arrow3_right.gif";
    onsubimage = ipath+"arrow3_right_on.gif";
}

with(subStyle=new mm_style()){
       oncolor = "#003366";
      offcolor = "#6699cc";
separatorcolor = "#6699CC";
 separatorsize = 1;
       padding = 4;
      fontsize = "11px";
     fontstyle = "normal";
    fontweight = "bold";
    fontfamily = "verdana, tahoma, arial";
}

with(milonic=new menuname("main")){
style = leftStyle;
orientation="vertical";
top = 110;
left = 3;
itemwidth=144;
borderwidth = 0;
alwaysvisible = 1;
followscroll = "1,50,2";
bgimage= ipath+"leftnav_bkgd_menu.gif";
separatorcolor= "#6699CC";
aI("image= "+ipath+"leftnav_top.gif;separatorsize=0;");

aI("text= Life Changes;image=../images/interior/arrow_side_show_menu.gif;oncolor=#FFFFCC;offcolor=#FFFFCC;onbgcolor=#003366;offbgcolor=#003366;pagecolor=#FFFFCC;bgimage=../images/interior/leftnav_bkgd_menu_item_on.gif;overbgimage=../images/interior/leftnav_bkgd_menu_item_on.gif;separatorsize=0;url=http://www.monnix.com/phsredesign/website/lifechanges/default2.asp;");
aI("text=New Hire;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/new_hire.asp;");
aI("text=Family Changes;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/family_changes.asp;");
aI("text=Job Transfers;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/job_transfers.asp;");
aI("text=Termination;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/termination.asp;");
aI("text=Leaves of Absence;image=../images/interior/leftnav_bullet2_off.gif;overimage=../images/interior/leftnav_bullet2_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/navtest.asp;");
aI("text=Rehire;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/rehire.asp;");
aI("text=Disability;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/disability.asp;");
aI("text=Retirement;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/retirement.asp;");
aI("text=Death;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/death.asp;");
aI("text=;separatorsize=1;");
aI("text=<br><br>;separatorsize=0;");
aI("image="+ipath+"leftnav_bottom_menu.gif;");
}
with(rightStyle=new mm_style()){
      offcolor = "#595959";
       padding = 3;
      fontsize = "11px";
     fontstyle = "normal";
    fontweight = "normal";
    fontfamily = "verdana, tahoma, arial";
}
with(milonic=new menuname("right")){
style = rightStyle;
orientation="vertical";
top = 110;
left = 611;
itemwidth=160;
borderwidth = 0;
alwaysvisible = 1;
followscroll = "1,50,2";
bgimage= ipath+"right_bkgd_info.gif";
aI("image="+ipath+"right_top_info.gif;");
aI("image="+ipath+"related_info.gif;");
aI("text=<div class='rightinfoitem'>Review your online <a href='"+path+"proginfo/#'>Beneficiary Election Designation </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Core Plan at a Glance </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Value Plan at a Glance </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>457(b) Plan at a Glance</a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Fund Performance</a></div>;");
aI("image="+ipath+"tools.gif;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Retirement Planner </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Core Plan Projections </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Value Plan Projections </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Tax Savings Calculator</a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Loan Model </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Investor Style Quiz </a></li></ul>;");

aI("image="+ipath+"did_you_know.gif;");
aI("text=<div class='rightinfo'>Text Text Text</div>;");

aI("image="+ipath+"right_bottom_info.gif;");
}

for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)}
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

What is it, exactly, that is not right in the image you posted?

Looking at the actual page in OS X/Safari1.0 it appears I'm seeing the same as your image, but, again, I don't see anything wrong.

BTW, if she's on OS X she should upgrade her IE to 5.2.3 (the last version they will produce). Even better, move to Safari.
John
User avatar
Hergio
Milonic God
Milonic God
Posts: 1123
Joined: Wed Jun 12, 2002 7:46 pm
Location: Rochester, NY

Post by Hergio »

The background from the menu is repeating all the way across the page. If you put up a sample page without the menu, does the page look ok? What I am trying to get at is, is this definetly the menu messing it up?
Dave Hergert
Software Engineer
"Helping to make the menu better, one :?: at a time."
User avatar
cubefree
Super Advanced
Super Advanced
Posts: 82
Joined: Fri Aug 01, 2003 3:16 am
Location: Seattle, WA
Contact:

Post by cubefree »

Sure, thanks! Here's without the left and right menus:

http://www.monnix.com/phsredesign/websi ... nomenu.asp
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Hergio wrote:The background from the menu is repeating all the way across the page.
Ah, sorry 'bout that. Now I see it (home sick today - gimme a break).

Looking at it in IE5.2.3 it does not do what you show in the graphic. The normal center information is there. However, the right menu starts to repeat itself just to the right of that menu. I'm seeing about 1/4" gap, then the left blue vertical border (not top or bottom), and about 1/2" of the menu background.

The "real" right menu is not quite wide enough for its text - approx. 2 letters (plus border) too narrow.
John
User avatar
cubefree
Super Advanced
Super Advanced
Posts: 82
Joined: Fri Aug 01, 2003 3:16 am
Location: Seattle, WA
Contact:

Post by cubefree »

Hmmm.... you'd think it would just wrap. No?

So, per your quote:
The "real" right menu is not quite wide enough for its text - approx. 2 letters (plus border) too narrow.
So, are you suggesting adding <br> tags myself? or then, how best to constrain the text to wrap properly?

What do you mean by "real" -- how are distinguishing? ~Thanks!
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

cubefree wrote:So, per your quote:
jgillett wrote:The "real" right menu is not quite wide enough for its text - approx. 2 letters (plus border) too narrow.
cubefree wrote:So, are you suggesting adding <br> tags myself? or then, how best to constrain the text to wrap properly?
<br> is a possibility, but then the text might look funny on other browsers. I didn't do a measured compare, but I'm thinking the window width is actually different in 5.1 because of the way it renders.
cubefree wrote:What do you mean by "real" -- how are distinguishing? ~Thanks!
The full menu on the right side, as opposed to the "ghost" menu that starts repeating itself.
John
User avatar
cubefree
Super Advanced
Super Advanced
Posts: 82
Joined: Fri Aug 01, 2003 3:16 am
Location: Seattle, WA
Contact:

Post by cubefree »

User avatar
cubefree
Super Advanced
Super Advanced
Posts: 82
Joined: Fri Aug 01, 2003 3:16 am
Location: Seattle, WA
Contact:

Post by cubefree »

Andy solved this one!
Hi,

After taking a very close look at your website I have found a slight
problem. With the snapshot of your site using local files, the menu worked
fine. I then made requests to each menu file directly from your server.
Everything worked until I got down to payment_options_ri.js. I can't see
anything that would cause this to break the menu but it does appear to be
the problem.

Anyway, here's a suggestion. We now use a function called drawMenus() that
is used to build the menus - It's pretty much the same as
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)} that you use so what I
think might work is for you to remove all
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)} and only build the menus
once. This can be done by declaring drawMenus() after the last menu has been
built.

I think this could be the problem.

Let me know if you need more info on this.

Cheers
Andy.
Thanks gents!
~cubefree
Post Reply