Right aligned menu stretches page

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
acnmenu
Beginner
Beginner
Posts: 2
Joined: Tue Apr 17, 2007 11:05 am

Right aligned menu stretches page

Post by acnmenu »

Hi Everyone.

I've got the latest licensed Milonic files etc.

In the code below you will see that the right aligned menu (within a table) seems to push the width of the page out. This is permanent in IE but on mouse over it disappears using FF.

Any suggestions of how I can eliminate the scroll bar?

I've not got a live URL but I have got a test page for you.

Code: Select all

<html>
	<head>
		<title>Nielsen Answers</title>
	</head>
<body style="margin:0px;text-align:center;">
<script type="text/javascript" src="milonic_src.js"></script> 
<script type="text/javascript">
<!--
if(ns4)_d.write("<scr"+"ipt src=mmenuns4.js type=text/javascript><\/scr"+"ipt>");		
  else _d.write("<scr"+"ipt src=mmenudom.js type=text/javascript><\/scr"+"ipt>"); 
 -->
</script>
<table cellpadding="0" cellspacing="0" height="19" width="100%">
<tbody>
	<tr>
	<td align="right">
	<script>
        _menuCloseDelay=500;
        _menuOpenDelay=150;
        _subOffsetTop=2;
        _subOffsetLeft=-2;
      
        with(mainStyle=new mm_style()){
			bordercolor="#CDCDCD"; 
			borderstyle="solid";
			borderwidth=0;
			separatorcolor="#CCC";
			separatorpadding=0;
			separatorwidth=1;
			
			fontfamily="Arial";
			fontsize="10px";
			fontstyle="normal";
			fontweight="normal";
			
			itemheight=18;
			
			menubgcolor="";
			
			offbgcolor="transparent";
			offcolor="#666666";
			onbgcolor="transparent";
			
			onbgimage="btn.gif";
			oncolor="#FFF";
			pagebgcolor="transparent";
			pagebgimage="btn.gif";
			pagecolor="#FFF";
			
			
			outfilter="fade(duration=0.2)";
			overfilter="Fade(duration=0.2)";
			rawcss="padding-left:13px;padding-right:13px";
			separatorPadding=0;
        }  
        
        with(milonic=new menuname("main")) {
		alwaysvisible=1;
		position='relative';
		orientation='horizontal';
		style=mainStyle;
		overflow="scroll";
		aI('overbgimage=btn.gif;align=left;text=Logout;url=;');
		}
		
		drawMenus();
		</script>
		</td>
	</tr>  
</tbody></table>
<div style="margin:auto;width:600px;text-align:left;">
<h1>Oversize page mock up.</h1>
<p>
On loading this page there will be a scroll bar across the bottom with about 1 pixels travel on it. If it's not there try doing a page refresh. This page stretch remains until you mouse over the right hand milonic menu in FF but permanently in IE.
</p>
<p>
Any ideas how I can get rid of the scroll?
</p>
</div>
</body></html>
Thanks in advance,

Pete
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

Try removing the align='right' from the TD and add screenposition="right"; to the main menu.

Ruth
acnmenu
Beginner
Beginner
Posts: 2
Joined: Tue Apr 17, 2007 11:05 am

Fix

Post by acnmenu »

Thanks Ruth, worked a treat. I've been working with two different versions of the software and it got a bit confusing with the differences between the two. hopefully can bring them together now.

All the best,

Pete
Post Reply