내가 - VoidCC

-2

내가 내 웹 페이지 내부의 간격을 줄이려 내 asp.net의 웹 양식에 간격을 줄이고 자 :내가

문제는 아래의 버튼은 "뒤로"와 "다음은"

를 아래로 스크롤없이 볼 수 없습니다

<asp:View runat="server" ID="view_1"> 
       <asp:ScriptManager ID="scrMgr" runat="server"> 
       </asp:ScriptManager> 
       <h1 class="blue" style="margin-bottom:0px;"> 
        <asp:Label ID="lbl_viewTitle1" runat="server" Text="Label"></asp:Label> 
       </h1> 
       <div style="margin:0px; padding:0px; border:none; clear:both;"> 
       <table border="0"> 
        <tr> 
         <td> 
          <table border="1" style="border-color: Green; border-width: thin;"> 
           <tr> 
            <td valign="top" id="tdReadableContent" runat="server"> 
             <div style="height: 167px; width:450px;"> 
              <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td class="blue" style="height:16px!important;" colspan="3"><b>Your Current Settings</b></td> 
               </tr> 
               <tr style="width:10px"><td colspan="3"></td></tr> 
               <tr id="trUserDetail_read" runat="server"> 
                <td class="tabRow" valign="baseline"> 
                 <asp:Label ID="lbl_view1_userID_Read" runat="server" Text="User ID"></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_view1_userID_Read" ReadOnly="true" runat="server" AutoPostBack="true" 
                 CssClass="text_box_gray"></asp:TextBox><div class="smallText" nowrap> 
                  &nbsp;&nbsp;<%--(This would be the ID you would normally log on with.)--%></div> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 

               <tr> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_panview3_label2_read" runat="server" Text="Store Number "></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_panview3_input2_read" CssClass="text_box_gray" ReadOnly="true" runat="server" MaxLength="4"></asp:TextBox> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 
               <tr> 
                <td class="tabRow"> 
                 <asp:Label ID="lbl_view1_surname_read" runat="server" Text="Surname"></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_view1_surname_read" ReadOnly="true" CssClass="text_box_gray" runat="server"></asp:TextBox> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 

               <tr id="trFirstName_Read" runat="server"> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_view1_firstName_Read" runat="server" Text="First Name"></asp:Label> 
                </td> 
                <td width="200"> 
                 <asp:TextBox ID="txt_view1_firstname_Read" ReadOnly="true" runat="server" CssClass="text_box_gray"></asp:TextBox> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 
               <tr> 
                <td></td> 
                <td> 
                 &nbsp;&nbsp; 
                 <%--<asp:Label ID="Label1" CssClass="errorText" runat="server"></asp:Label>--%> 
                </td>  
               </tr> 
               <tr> 
                <td class="tabRow">&nbsp; 
                 <%--<asp:Label ID="Label2" runat="server" Text="Employee Number "></asp:Label>--%> 
                </td> 
                <td width="200">&nbsp; 
                 <%--<asp:TextBox ID="TextBox1" runat="server" 
                 CssClass="text_box_3" MaxLength="10"></asp:TextBox>--%> 
                </td> 
               </tr>  
              </table> 
             </div> 
             <asp:Label runat="server" ID="label11"></asp:Label> 
             <hr class="hrRequestorForm" /> 
             <div id="divRoleDepartment_ReadOnly" runat="server" style="margin-left:20px; height:390px; overflow:auto;" class="tabel1Parent"> 
              <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td> 
                 <asp:Panel ID="panelStore_Read" runat="server"> 
                  <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
                   <tr> 
                    <td valign="top"> 
                     <asp:GridView ID="gvRoleDepartment_ReadOnly" runat="server" AutoGenerateColumns="false"> 
                      <Columns> 
                      <asp:TemplateField> 
                         <ItemTemplate> 
                          <asp:CheckBox ID="chkRole_Read" runat="server" Enabled="false" /> 
                          <input type="hidden" id="hdRoleCode_Read" value="<%#Bind('ddl_code') %>" runat="server" /> 
                          <input type="hidden" id='hdDepCode_Read' value="<%#Bind('dep_code') %>" runat="server" /> 
                         </ItemTemplate> 
                        </asp:TemplateField> 
                       <asp:BoundField DataField="ddl_item" HeaderText="Role" ItemStyle-CssClass="roleColumn2" /> 
                       <asp:BoundField DataField="dep_name" HeaderText="Department" ItemStyle-CssClass="departmentColumn" /> 
                      </Columns> 
                      <EmptyDataTemplate> 
                       <div class="tabel1Parent"> 
                       <table border='0' cellpadding='0' cellspacing='0' style='border-color: green; border-width: thin; 
                        width: 390px; border-left: #9787b1 solid 1px; border-top: #9787b1 solid 1px;'> 
                        <tr> 
                         <td class='roleColumn'> 
                          <b>Role</b> 
                         </td> 
                         <td class='departmentColumn'> 
                          <b>Department</b> 
                         </td> 
                        </tr> 
                       </table> 
                       </div> 
                      </EmptyDataTemplate> 
                     </asp:GridView> 
                    </td> 
                   </tr> 
                  </table> 
                  <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
                   <tr> 
                    <td valign="top"> 
                     &nbsp; 
                    </td> 
                    <td> 
                     &nbsp; 
                    </td> 
                   </tr> 
                  </table> 
                 </asp:Panel> 
                </td> 
               </tr> 
              </table> 
             </div> 
            </td> 
            <td valign="top" > 
             <div style="height:160px; width:450px;"> 
              <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td class="blue" style="height:16px!important;" colspan="3"><b> 
                <asp:Label ID="lblNewSettings" runat='server' Text="Your New Settings"></asp:Label> 
                </b></td> 
               </tr> 
               <tr id="trUserDetail" runat="server"> 
                <td class="tabRow" valign="baseline"> 
                 <asp:Label ID="lbl_view1_userID" runat="server" Text="User ID "></asp:Label> 
                </td> 
                <td class="textFieldColumn"> 
                 <asp:TextBox ID="txtUserID" TabIndex="1" text="Enter User id.." 
                  runat="server" AutoPostBack="true" 
                  CssClass="text_box_highlight" 
                  onfocus="defaultStyle();" 
                  onkeypress="ChangeUserIdBackground();" 
                  MaxLength ="50"></asp:TextBox><span id="starUserId" runat="server" style="color:Red">&nbsp;*</span> 
                  <asp:RequiredFieldValidator ID="rfvUserID" runat="server" ControlToValidate="txtUserID" 
                  ErrorMessage=" Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator><div class="smallText" nowrap> 
                  &nbsp;&nbsp;(This would be the ID you would normally log on with.)</div></td> 

               </tr> 
               <tr> 
                <td colspan="2" style="padding-left:135px"> 
                 <asp:Label ID="lblUserExists" CssClass="errorText" runat="server"></asp:Label> 
                 <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
                  ControlToValidate="txt_panview3_input2" ErrorMessage="Store should be a number" 
                  ValidationExpression="[0-9]+"></asp:RegularExpressionValidator> 
                </td>  
               </tr> 
               <tr> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_panview3_label2" runat="server" Text="Store Number "></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_panview3_input2" runat="server" 
                 MaxLength="4" CssClass="text_box_3">0000</asp:TextBox> 
                 <span id="starStoreNumber" runat="server" style="color:Red">&nbsp;*</span> 
                 <asp:RequiredFieldValidator ID="rfvStoreNumber" runat="server" 
                 ControlToValidate="txt_panview3_input2" ErrorMessage=" Required field" 
                 ValidationGroup="Form2" ></asp:RequiredFieldValidator> 
                </td> 
               </tr> 
               <tr> 
                <td class="tabRow"> 
                 <asp:Label ID="lbl_view1_surname" runat="server" Text="Surname "></asp:Label> 
                </td> 
                <td > 
                 <asp:TextBox ID="txt_view1_surname" runat="server" 
                  CssClass="text_box_3" 
                  MaxLength ="50"></asp:TextBox> 
                  <span id="starSurName" runat="server" style="color:Red">&nbsp;*</span> 
                 <asp:RequiredFieldValidator ID="rfvSurName" runat="server" ControlToValidate="txt_view1_surname" 
                  ErrorMessage=" Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator> 

                </td> 
               </tr> 
               <tr id="trFirstName" runat="server"> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_view1_firstName" runat="server" Text="First Name"></asp:Label> 
                </td> 
                <td > 
                 <asp:TextBox ID="txt_view1_firstname" runat="server" 
                  CssClass="text_box_3" 
                  MaxLength ="50"></asp:TextBox> 
                  <span id="starFirstName" runat="server" style="color:Red">&nbsp;*</span> 
                  <asp:RequiredFieldValidator ID="rfvFirstName" runat="server" ControlToValidate="txt_view1_firstname" 
                  ErrorMessage=" Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator> 
                </td> 
               </tr> 
               <tr> 
                <td class="tabRow"> 
                 <asp:Label ID="lblEmployeeNumber" runat="server" Text="Employee Number "></asp:Label> 
                </td> 
                <td width="280"> 
                 <asp:TextBox ID="txtEmployeeNumber" runat="server" 
                 CssClass="text_box_3" MaxLength="6"></asp:TextBox> 
                 <span id="starEmployeeNumber" runat="server" style="color:Red">&nbsp;*</span> 
                 <asp:RequiredFieldValidator ID="rfvEmplyeeNumber" runat="server" ControlToValidate="txtEmployeeNumber" 
                  ErrorMessage="Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator> 
                </td> 
                <td> 
                 <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" 
                 ControlToValidate="txtEmployeeNumber" ErrorMessage="Enter a numeric value" 
                 ValidationExpression="[0-9]+"></asp:RegularExpressionValidator> 
                </td> 
               </tr>             
              </table> 
              <b><asp:Label ID="lblCaption2" runat="server" Text="Note: All fields are mandatory" ForeColor="Red"></asp:Label></b> 
             </div> 
             <hr class="hrRequestorForm" /> 
             <div style="padding-left:20px;" id="divRoleDepartment" runat="server"> 
              <div class="tabel1Parent"> 
               <table border="0" cellpadding="0" cellspacing="0"> 
                <tr> 
                 <td> 
                  <asp:Panel ID="panelStore" runat="server"> 
                   <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
                    <tr> 
                     <td valign="top"> 
                      <asp:GridView ID="gvRoleDepartment" runat="server" AutoGenerateColumns="false"> 
                       <Columns> 
                        <asp:TemplateField> 
                         <ItemTemplate> 
                          <asp:CheckBox ID="chkRole" runat="server" /> 
                          <input id="hdRoleCode" runat="server" type="hidden" 
                           value="<%#Bind('ddl_code') %>" /> 
                          <input id="hdDepCode" runat="server" type="hidden" 
                           value="<%#Bind('dep_code') %>" /> 
                         </ItemTemplate> 
                        </asp:TemplateField> 
                        <asp:BoundField ControlStyle-CssClass="roleColumn" ControlStyle-Width="300px" 
                         DataField="ddl_item" HeaderText="Role" ItemStyle-CssClass="roleColumn" /> 
                        <asp:BoundField ControlStyle-CssClass="departmentColumn" 
                         ControlStyle-Width="120px" DataField="dep_name" HeaderText="Department" 
                         ItemStyle-CssClass="departmentColumn" /> 
                       </Columns> 
                      </asp:GridView> 
                      <span ID="lbl_chkBx_store_workunit" class="errorText"></span> 
                     </td> 
                     <td> 
                      &nbsp; 
                     </td> 
                    </tr> 

                   </table> 
                  </asp:Panel> 
                 </td> 
                </tr> 
               </table> 
              </div> 
              <br /> 
              <div> 
               <table> 
                <tr> 
                 <td> 
                  <asp:Label ID="lblException" runat="server" CssClass="errorText"></asp:Label> 
                 </td> 
                </tr> 
               </table> 
              </div> 
              <br /> 
             </div> 
            </td>          
           </tr> 
          </table> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <br /> 
          <div> 
           <table> 
            <tr> 
             <td> 
              <asp:Button ID="btn_view1_back" runat="server" Text="Back" CausesValidation="False" 
               ValidationGroup="Form2" /> 
              <asp:Button ID="btn_View1_Next" runat="server" CausesValidation="true" Text="Next" 
               ValidationGroup="Form2" OnClientClick="return check_sel();" UseSubmitBehavior="True" /> 
              <% 
               'mahesh code 
               'replaced OnClientClick="return ValidateDropDown(); with OnClientClick="return check_sel() " 
              %> 
             </td> 
            </tr> 
           </table> 
          </div> 
          <br /> 
         </td> 
        </tr> 
       </table> 
       </div> 
      </asp:View>

이 도와주세요 @

나는 아래의 코드를 게시!

출처

2009-11-18 SmartestVEGA

문제를 격리하고 관련 부품 만 붙여 넣으면 도움이됩니다. – Abel

모두가 관련성이 있습니다 ... 거기에는 아무 것도 없습니다 ... – SmartestVEGA

왜 간격을 줄이시겠습니까? –

이전 버전의 Internet Explorer를 지원할 필요가없는 다른 옵션은 위치를 사용하는 것입니다. 즉,보기 가능한 창 하단에 단추를 "고정"합니다.

<div style="position: fixed; bottom: 0px;"> 
    <asp:Button ID="btn_view1_back" ... /> 
    <asp:Button ID="btn_view1_next" ... /> 
</div>

출처

2009-11-18 17:36:53

표를 잃거나 적어도 불필요한 <div> 및 <br> 태그를 제거하십시오.

출처

2009-11-18 15:09:27 IrishChieftain

+1 테이블을 제거하고 CSS에서 레이아웃을 수행하십시오. 이전에 그런 짓을하지 않았다면 익숙해 지려면 다소 시간이 걸릴 것입니다.하지만 일단 전환하면 더 많은 제어권을 줄 것입니다. –

CSS에서이 레이아웃을 수행하고 크로스 브라우저를 만드는 데 많은 시간과 인내가 있기를 바랍니다. – Phaedrus

이 파이 그래프는 내 요점을 설명하는 데 도움이됩니다 :) - http://beradrian.files.wordpress.com/2008/01/breakdown.png – Phaedrus

문제는 단추가 보이지 않는다는 것입니다. using this technique으로 컨트롤을보기로 스크롤 할 수 있습니다. 또는 화면에 페이지를로드 할 수 있습니다. 더 큰 모니터가 있습니다.

내가 말하고자하는 바는 디자인을 변경 한 후에 화면에 표시되는 경우 작은 화면이 있거나 크기가 조정 된 브라우저 창이있는 사용자는 여전히 표시되지 않습니다.

HTML 디자인의 도움말을 원한다면 복사하여 붙여서 테스트 할 수 있거나 (현재 페이지의 온라인 링크 표시) 문제를 정리 한 예제를 업로드하는 것이 좋습니다.

출처

2009-11-18 15:45:06 Abel

더 큰 모니터의 경우 +1. – Phaedrus

내가

답변

관련 문제