메인 페이지에 따라 자동 테이블 너비를 설정하는 방법은 무엇입니까?

Question

asp.net.I의 consomcontrols.grid를 사용하면 페이지의 IE에 특별히 너비 문제가 있습니다. 기본 페이지에 따라 gridview의 너비를 자동으로 설정하려고합니다.

내 눈금의 너비가 페이지 너비보다 클 수 있습니다, 나는 페이지 div 안에 스크롤을 사용할 수 있습니다.

이 내 문제의 스크린 샷입니다 :

:이 내 페이지입니다

<div style="width:90%"> 
    <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
</div> 

: (IE 9)

내가 masterpage를 사용 (문제시 페이지 확대 모든 브라우저를 산다)

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td><h2 style="padding-bottom:5px;">Stil Tanım Ekranı</h2></td> 
     </tr> 
     <tr> 
      <td> 

      <table border="0" cellpadding="2" cellspacing="1"> 
       <tr> 
       <td> 
        <div id="Div1" style="width:100%;overflow:auto;"> 
         <table class="KolonClass" border="0" cellpadding="0" cellspacing="0" width="920px"> 
        <tr> 
        <td> 

<cc1:xGrid ID="XGrid_StilKodlari" runat="server" 
      Width="100%"                  
      AutoGenerateColumns="false" 
      AllowPaging="false" 
      AllowSorting="false" 
      ShowHeaderWhenEmpty="true" 
      GridLines="Both" 
      BorderStyle="Solid" 
      AscImage="~/Images/asc.png" 
      DescImage="~/Images/desc.png" 
      PagerSettings-Mode="NumericFirstLast" 
      PagerSettings-PageButtonCount="5"                       
      EnableHeightResolver="false"                   
      EnableRowClick="false" 
      CssClass="Grdview" 
      EmptyDataRowStyle-CssClass="Grdview_EmptyDataRowStyle" 
      HeaderStyle-CssClass="Grdview_HeaderStyle" 
      RowStyle-CssClass="Grdview_RowStyle" 
      AlternatingRowStyle-CssClass="Grdview_AlternatingRowStyle" 
      SelectedRowStyle-CssClass="Grdview_SelectedRowStyle" 
      FooterStyle-CssClass="Grdview_FooterStyle"                  
      OnRowDataBound="XGrid_StilKodlari_RowDataBound"> 
<Columns> 



    <asp:TemplateField HeaderText="Önizleme" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="80px" > 
    <ItemTemplate> 
     <asp:Label CssClass="onizleme" runat="server" ID="lbl_onizleme" Text="F8 IMZA" Width="80px"/> 
    </ItemTemplate> 
                     </asp:TemplateField> 

    <asp:TemplateField HeaderText="Stil Kodu" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="80px" > 
    <ItemTemplate> 

    <asp:TextBox CssClass="stilKodu IsRequired" runat="server" ID="txt_StilKodu" Width="80px" Font-Size="11px"/> 
    </ItemTemplate> 

    </asp:TemplateField> 

<asp:TemplateField HeaderText="Açıklama" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="120px" > 
<ItemTemplate> 

    <asp:TextBox CssClass="aciklama IsRequired" runat="server" ID="txt_Aciklamasi" Width="120px" Font-Size="11px"/> 
    </ItemTemplate> 
</asp:TemplateField> 

<asp:TemplateField HeaderText="F.Büyüklüğü" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" > 
    <ItemTemplate> 

    <asp:TextBox CssClass="fontBuyuklugu IsNumber" runat="server" ID="txt_FontBuyuklugu" Width="50px" Font-Size="11px" /> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Kalın" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="90px" > 
    <ItemTemplate>                   
    <asp:CheckBox CssClass="kalin" ID="chk_Kalin" runat="server" Width="50px" /> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="İtalik" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="90px" > 
    <ItemTemplate> 

    <asp:CheckBox CssClass="italik" ID="chk_Italik" runat="server" Width="50px" /> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Alt Çizgi" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="90px" > 
    <ItemTemplate> 

    <asp:CheckBox CssClass="altCizgi" ID="chk_AltCizgi" runat="server" Width="50px"/> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="FontRengi" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px" > 
    <ItemTemplate> 

    <asp:DropDownList CssClass="fontRengi" runat="server" ID="dp_FontRengi" Width="90px" Font-Size="11px" />              
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Arka Plan Rengi" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px" > 
    <ItemTemplate> 

    <asp:DropDownList CssClass="arkaPlanRengi" runat="server" ID="dp_ArkaPlanRengi" Width="90px" Font-Size="11px" />              
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Gelişmiş" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="100%" > 
    <ItemTemplate>                   
     <asp:TextBox CssClass="gelismis" runat="server" ID="txt_Gelismis" Width="395px"/> 
    </ItemTemplate> 

    </asp:TemplateField> 

     </Columns> 
    </cc1:xGrid> 
    </td> 
    </tr> 
    </div> 
    </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </asp:Content> 

Answer 1

문제는 귀하의 그리기가있는 div에 있습니다. 디. 너비는 1165px입니다. 이 같은 width:100%;로 전환해야합니다

<div id="Div1" style="width:100%; overflow:auto;"> 

Live DEMO