2011-01-13 48 views
0

的一个问题有关的优选 - 和至少浏览器的敏感 - 移用户的方式水平地和垂直控制几个像素,如果我使用的div代替表格单元。从非网络设计师移用户控件在.ASPX标记

如果你看一个网页的这个顶部,你会发现下面的菜单是一对夫妇像素太远的左侧和一对夫妇像素太高。 (注右边缘不与它上面的菜单排队。另外,上衣图像按钮的下部控制被剪辑的权利。)

我可以绝对位置,或使用空格转向较低一个进入队列?

这里的一个屏幕截图: alt text

这里是近似的标记:

<body id="bodyTag" runat="server"> 
    <form id="Form1" method="post" runat="server"> 
     <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
     <div id="divAll" runat="server" style="visibility:visible;"> 
      <div id="divPrintHeaders" style="visibility:hidden; width: 923px;height:70px;"> 
       <asp:ImageButton ID="printCompanyLogoImageButton" ImageUrl="~/Images/TopNav/MainLogoImage.gif" 
        runat="server"></asp:ImageButton> 
       <asp:Image ID="printPageTitleImage" ImageUrl="~/Images/PageTitle/Product_Title.gif" runat="server"></asp:Image> 
       <br /> 
      </div> 
      <div id="divMainHeaders" style="z-index:10;"> 
       <ZZ:TopNavCtrl ID="topNavCtrl" runat="server"/> 
       <div style="margin-top:-13px;margin-left:-4px;height:31px;z-index : 25;"> 
        <ZZ:MyMenuControl ID="myMenu" runat="server" OnMyMenu="myMain_DoStuff" /> 
       </div> 
      </div> 
      <div style="LEFT: 12px; POSITION: absolute; TOP: 120px"> 
       <ZZ:SomeControl id="something" runat="server"></ZZ:SomeControl> 
       <!-- Several more controls here ... --> 
       <table border="0" cellpadding="0" cellspacing="0" 
        style=" background-color: #ffffff; LEFT: 0px; POSITION: relative; TOP: 100px; width: 740px; height: 50px;"> 
        <tr valign="middle"> 
         <td> 
          <asp:PlaceHolder id="footerPlaceHolder" runat="server"></asp:PlaceHolder> 
         </td> 
        </tr> 
       </table> 
      </div> 
     </div> 
    </form> 
</body> 

回答

2

使用CSS使用margin-left:(其可以采取正或负的值,通常以像素为单位)

margin-left:-5px; 

建设当菜单和这样的,它更容易使用styled, unordered lists

+0

,同样,边距? – Buggieboy 2011-01-13 20:54:32