title: I'm having trouble positioning this button nicely
body: <p>I've been goin at it now for an 1.5hrs and I just can't figure out a way to make it the way I want. I'm kind of new with all things web, and it takes about as much time (maybe more?) trying to get things where I want and doing it in a way that is elegant.</p>
  
  <p>Anyways, I have two text boxes, with two labels above them and centered over the box. I want to simply put a button in between them and about centered with the textboxes' height.</p>
  
  <p>This is as close as I can make it get to what I want. I would like the left textbox moved over so it lines up with the words "Jump To:, "Customer:," and "Customer #:" and then have the right box be the same distance on the right with the Next button maybe a just 10px higher but still centered as it is. The problem with this picture is that it only works when the text boxes are shown and expanded, if they are hidden, then the panel actually renders half-way above the Customer # part because of how I manipulated the margins I'm guessing.</p>
  
  <p><a href="http://img192.imageshack.us/img192/259/controls.jpg" rel="nofollow noreferrer">http://img192.imageshack.us/img192/259/controls.jpg http://img192.imageshack.us/img192/259/controls.jpg</a></p>
  
  <p>Here's my attempt with <code>&lt;div&gt;</code>s</p>
  
  <pre><code>&lt;div style="position:relative; overflow:auto; margin-top:15px; margin-bottom:10px;"&gt;
      &lt;div style="width:40%; float:left; margin-left:10px;"&gt;
          &lt;div&gt;&lt;asp:Label runat="server" ID="lblInfoDesc" /&gt;&lt;/div&gt;
          &lt;div&gt;&lt;asp:TextBox ID="txtInfoDescription" runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="100%" /&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;%--&lt;div style="position:absolute; margin-top:25px; margin-left:-10px;"&gt;&lt;asp:Button ID="Button1" runat="server" Text="Next" /&gt;&lt;/div&gt;--%&gt;
  
      &lt;div style="width:40%; float:right; margin-right:16px;"&gt;
          &lt;div&gt;&lt;asp:Label runat="server" ID="lblInfoData" /&gt;&lt;/div&gt;
          &lt;div&gt;&lt;asp:TextBox ID="txtInfoData" runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="100%" /&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's my attempt with table elements</p>
  
  <pre><code>    &lt;div style="margin-bottom:10px;"&gt;
          &lt;table style="position:relative; width:100%; margin-bottom:15px;"&gt;
              &lt;tr style="text-align:center";&gt;
                  &lt;td&gt;&lt;asp:Label runat="server" ID="lblInfoDesc" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;asp:Label runat="server" ID="lblInfoData" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="margin-left: 0px;"&gt;&lt;asp:TextBox ID="txtInfoDescription" runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="80%" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;
                  &lt;td style="margin-right:10px;"&gt;&lt;asp:TextBox ID="txtInfoData"        runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="80%" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
          &lt;div style="position:inherit; text-align:center; margin-top:-55px; margin-bottom:25px;"&gt;
              &lt;asp:Button ID="Button2" runat="server" Text="Next" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>All of those <code>&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;</code> was to attempt to put spaces between the button and the text boxes because I couldn't get float nor margin to work. Any help would be much appreciated!</p>
  
  <p>And here's the complete page source:</p>
  
  <pre><code>&lt;asp:Panel ID="pnlCustomer" runat="server" style="background-color:#ccccff; width:500px; height:90%; position:relative;" BorderColor="DarkBlue" BorderWidth="2px"&gt;
  
      &lt;div style="position:relative; margin-top:10px; margin-left:10px;"&gt;
          &lt;div style="color:#003399; font-size:18px; text-align:left;"&gt;Jump To:
              &lt;asp:DropDownList ID="ddlCategory" runat="server" AutoPostBack="True" 
                                onselectedindexchanged="ddlCategory_SelectedIndexChanged" 
                                style="margin-left:40px;"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div style="position:relative; margin-top:10px; margin-left:10px;"&gt;
          &lt;div style="color:#003399; font-size:18px; text-align:left;"&gt;Customer:
              &lt;asp:DropDownList ID="ddlCustomersList" runat="server" AutoPostBack="true"  
                                OnSelectedIndexChanged="ddlCustomersList_SelectedIndexChanged" 
                                style="margin-left:35px;"/&gt;
  
              &lt;asp:Button ID="btnAddCustomer" runat="server" Text="Add" OnClick="btnAddCustomer_Click" OnClientClick="return confirm('Warning: This will redirect you from the page');" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div style="position:relative; margin-top:10px; margin-left:10px;"&gt;
  
          &lt;div style="color:#003399; font-size:18px; text-align:left;"&gt;Customer #:
              &lt;asp:DropDownList ID="ddlCustomerNumber" runat="server" AutoPostBack="true"
                                OnSelectedIndexChanged="ddlCustomerNumber_SelectedIndexChanged"
                                style="margin-left:20px;"/&gt;
  
              &lt;asp:TextBox ID="txtCustomerNumber" runat="server" style="margin-left:20px;" /&gt;
  
              &lt;asp:Button ID="btnModify"    runat="server" Text="Modify"     OnClick="btnModify_Click"    /&gt;
              &lt;asp:Button ID="btnCreateNew" runat="server" Text="Create New" OnClick="btnCreateNew_Click" /&gt;
  
              &lt;asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" /&gt;
              &lt;asp:Button ID="btnDelete" runat="server" Text="Delete" OnClick="btnDelete_Click" OnClientClick="return confirm('Do you want to delete the record ?');" /&gt;
  
              &lt;asp:Button ID="btnSaveNew" runat="server" Text="Save"   OnClick="btnSaveNew_Click" /&gt;
              &lt;asp:Button ID="btnCancel"  runat="server" Text="Cancel" OnClick="btnCancel_Click"  /&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;%--    &lt;div style="margin-bottom:10px;"&gt;
          &lt;table style="position:relative; width:100%; margin-bottom:15px;"&gt;
              &lt;tr style="text-align:center";&gt;
                  &lt;td&gt;&lt;asp:Label runat="server" ID="lblInfoDesc" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;asp:Label runat="server" ID="lblInfoData" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="margin-left: 0px;"&gt;&lt;asp:TextBox ID="txtInfoDescription" runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="80%" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;
                  &lt;td style="margin-right:10px;"&gt;&lt;asp:TextBox ID="txtInfoData"        runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="80%" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
          &lt;div style="position:inherit; text-align:center; margin-top:-55px; margin-bottom:25px;"&gt;
              &lt;asp:Button ID="Button2" runat="server" Text="Next" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;--%&gt;
  
  
      &lt;div style="position:relative; overflow:auto; margin-top:15px; margin-bottom:10px;"&gt;
          &lt;div style="text-align:center; margin-bottom:-20px; "&gt;
              &lt;asp:Button ID="btnNextInfo" runat="server" Text="Next" /&gt;
          &lt;/div&gt;
  
          &lt;div style="width:40%; float:left; margin-left:10px;"&gt;
              &lt;div&gt;&lt;asp:Label runat="server" ID="lblInfoDesc" /&gt;&lt;/div&gt;
              &lt;div&gt;&lt;asp:TextBox ID="txtInfoDescription" runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="100%" /&gt;&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div style="width:40%; float:right; margin-right:16px;"&gt;
              &lt;div&gt;&lt;asp:Label runat="server" ID="lblInfoData" /&gt;&lt;/div&gt;
              &lt;div&gt;&lt;asp:TextBox ID="txtInfoData" runat="server" TextMode="MultiLine" Rows="3" MaxLength="500" Width="100%" /&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div style="margin-top:-20px; position:absolute; font-size:12px;"&gt;&lt;asp:Label runat="server" ID="lblErrorMessage" /&gt;&lt;/div&gt;
  
  &lt;/asp:Panel&gt;
  </code></pre>