unnecessary horizontal scroll bars appearing [solved]

[nwilcox]

Milonic,

I'm getting these unecessary horizontoal scroll bars in the IE browser (only) when I include the javascript files and referencing a parent menu within a table.

If I remove the Menustyle property, the menu is not created, but the horizontal scroll bar goes away.

any ideas?

http://clients2.serverside.net/image-technology/

Here is my inline table reference:

with(milonic=new menuname("MainNavigation")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
menuwidth="520px";
aI("title=Home;status=Home;image=<%=FileSource%>images/btn_home_<%If action = "" OR action = "home" Then%>over<%Else%>up<%End If%>.gif;overimage=<%=FileSource%>images/btn_home_over.gif;url=<%=linkRoot%>;");
aI("title=Services;status=Services;image=<%=FileSource%>images/btn_services_up.gif;overimage=<%=FileSource%>images/btn_services_over.gif;showmenu=SubNavigation;");
aI("title=Products;status=Products;image=<%=FileSource%>images/btn_products_up.gif;overimage=<%=FileSource%>images/btn_products_over.gif;showmenu=SubNavigation;");
aI("title=Industry Solutions;status=Industry Solutions;image=<%=FileSource%>images/btn_industrysolutions_up.gif;overimage=<%=FileSource%>images/btn_industrysolutions_over.gif;showmenu=SubNavigation;");
aI("title=Partners;status=Partners;image=<%=FileSource%>images/btn_partners_up.gif;overimage=<%=FileSource%>images/btn_partners_over.gif;url=<%=linkRoot%>?action=partners;");
aI("title=Company;status=Company;image=<%=FileSource%>images/btn_company_up.gif;overimage=<%=FileSource%>images/btn_company_over.gif;showmenu=SubNavigation;");
aI("title=Learning Center;status=Learning Center;image=<%=FileSource%>images/btn_learningcenter_up.gif;overimage=<%=FileSource%>images/btn_learningcenter_over.gif;showmenu=SubNavigation;");
}
drawMenus();

Thanks

[nwilcox]

for some reason if I place the inline table declaration for the menu and have the <td> aligned right I get the extra spacing.

Can I right align a menu in a cell without this weird scrollbar in IE?

thanks

[Ruth]

Hi,

I just went to the page with IE5.5 and I'm not getting a horizontal scroll bar at the bottom.

If you changed something could you give us the coding that is there both in the table and in the menu when it happens?

Thanks.

Ruth

[John]

I just checked with IE6/XP Pro/SP2 and don't see the bar, either.

[Ruth]

Hi,

I put in align="right" in the td where you have the menu, I think that's what you were saying, and I see
the problem.

If you must have the align="right" in that td you can eliminate the horizontal bar at the bottom
by placing the menu inside a table inside that cell. You'd use your full menu of course.
I cut it down so it wouldn't expand this page at my resolution

Code: Select all

 <TD align="right"><!--Begin Milonic Menu-->
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><SCRIPT type=text/javascript>
with(milonic=new menuname("MainNavigation")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI(" all your aI stuff here
}
drawMenus();
</SCRIPT></td>
</tr>
</table>
<!--End Milonic Menu--></TD>

Ruth

[nwilcox]

Hi Ruth,

why do I have to place it within another table?

I ended up just adding a spacer image in a new cell and making the menu cell just big enough for the menu and that solved the issue.

I still don't see why I have to do what you are indicating. Is there a reason for this anomaly.

Also the right alingment works awesome. I got that figured out last night on my furthest right menu.

Nice work guys!

[Ruth]

To answer your question of why you have to put it in another table... I don't know. I couldn't figure out why it was putting in the space and causing the scroll bar, but in my experiments I found that putting it in another table inside that cell stopped it from happening.

Ruth

[nwilcox]

Hi Ruth,

seems VERY odd why is slaps the scrollbars in there like that

well, I got it to work so that is all I really care about.

Thanks