Mac IE5.1 getting repeating background

cubefree · Post by **cubefree** » Wed Sep 17, 2003 6:00 pm

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=&nbsp;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)}

Post by **John** » Wed Sep 17, 2003 8:08 pm

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.

Hergio · Post by **Hergio** » Wed Sep 17, 2003 8:20 pm

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?

cubefree · Post by **cubefree** » Wed Sep 17, 2003 8:25 pm

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

http://www.monnix.com/phsredesign/websi ... nomenu.asp

Post by **John** » Wed Sep 17, 2003 8:37 pm

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.

cubefree · Post by **cubefree** » Wed Sep 17, 2003 8:43 pm

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!

Post by **John** » Thu Sep 18, 2003 5:23 am

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.

cubefree · Post by **cubefree** » Fri Sep 19, 2003 6:50 pm

By the way links have changed to:

http://www.cubefree.com/clients/provide ... ult2.asp

http://www.cubefree.com/clients/provide ... avtest.asp

Thanks!

cubefree · Post by **cubefree** » Wed Sep 24, 2003 11:52 pm

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