Right aligned menu stretches page

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:36

Right aligned menu stretches page

Poster: acnmenu
Dated: Tuesday April 17 2007 - 11:47:23 BST

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:

<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

Poster: Ruth
Dated: Tuesday April 17 2007 - 17:17:54 BST

Hi,

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

Ruth

Fix

Poster: acnmenu
Dated: Wednesday April 18 2007 - 11:01:37 BST

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

Industrial Strength JavaScript and DHTML Menus

Right aligned menu stretches page

Fix