.ASPXのマークアップでユーザーコントロールを移動する

ウェブデザイナー以外のデザイナーが、ブラウザに敏感で好まれない方法について、ユーザーがテーブルセルの代わりにdivsを使用している場合は、。.ASPXのマークアップでユーザーコントロールを移動する

ウェブページのこの上部を見ると、下のメニューが左側に遠すぎるカップルピクセルと高すぎるカップルピクセルであることがわかります。（右端が上のメニューに並んでいない、下のコントロールの右にある画像ボタンの上端が切り取られています）

絶対に配置するか、 1つの位置合わせに？ここで 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>

出典

2011-01-13 Buggieboy

margin-left:（通常はピクセル単位で、正または負の値をとることができます）

margin-left:-5px;

メニューなどを作成するときは、styled, unordered listsを使用する方が簡単です。

出典

2011-01-13 20:52:25

同様に、マージントップ？ – Buggieboy

右ですが、これはBLOCK要素（DIVなど）では有効ですが、INLINE要素（SPANやINPUTなど）では機能しません。 –

うまくいった。ありがとう、Diodeus。 – Buggieboy

.ASPXのマークアップでユーザーコントロールを移動する

答えて

関連する問題