2011-01-13 3 views
0

웹 디자이너가 아닌 사용자가 선호하는 브라우저 민감한 사용자 이동 방법에 대한 질문은 표 셀 대신 div를 사용하는 경우 수평 및 수직으로 몇 픽셀을 제어합니다 ..ASPX 마크 업에서 사용자 컨트롤 이동

웹 페이지의 맨 위 부분을 보면 하위 메뉴가 왼쪽으로 너무 멀리있는 픽셀과 한 쌍의 픽셀이 너무 높다는 것을 알 수 있습니다. (오른쪽 가장자리가 그 위에있는 메뉴와 일치하지 않습니다. 아래쪽 컨트롤의 오른쪽에있는 이미지 버튼의 상단이 잘립니다.)

절대적으로 위치를 지정하거나 공백을 사용하여 아래쪽을 이동시킬 수 있습니까? 정렬에 하나? 여기 alt text

는 대략 태그이다 : 여기서

는 스크린의 CSS 사용과

<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

margin-left: (일반적으로 픽셀 단위로 양 또는 음의 값을 취할 수 있음)

margin-left:-5px; 

메뉴를 빌드 할 때 styled, unordered lists을 사용하는 것이 더 쉽습니다.

+0

그리고 마찬가지로, margin-top? – Buggieboy

+0

오른쪽. 그러나 이것은 BLOCK 요소 (DIV와 같은)에만 작동하지만 INLINE 요소 (SPAN 또는 INPUT 등)에는 작동하지 않습니다. –

+0

잘 수행했습니다. 고마워, 디오데스. – Buggieboy

관련 문제