Html 如何根据主页设置自动表格宽度?
我在asp.net上使用conomcontrols.grid。我有一个宽度问题,特别是在IE页面上。 我想根据主页设置gridview的自动宽度 我的网格宽度可以大于页面宽度,我可以在页面div内使用滚动 这是我的问题的截图:(IE 9)(当页面缩放时,问题存在于所有浏览器中) 我使用母版页:Html 如何根据主页设置自动表格宽度?,html,css,asp.net,html-table,Html,Css,Asp.net,Html Table,我在asp.net上使用conomcontrols.grid。我有一个宽度问题,特别是在IE页面上。 我想根据主页设置gridview的自动宽度 我的网格宽度可以大于页面宽度,我可以在页面div内使用滚动 这是我的问题的截图:(IE 9)(当页面缩放时,问题存在于所有浏览器中) 我使用母版页: <div style="width:90%"> <asp:ContentPlaceHolder ID="MainContent" runat="server" /> &
<div style="width:90%">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div>
这是我的页面:
<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>
斯蒂尔·坦姆·埃克兰
问题在于容纳网格的div。您的设置宽度为1165px。您应该切换到宽度:100%代码>如下所示:
<div id="Div1" style="width:100%; overflow:auto;">
删除该宽度:1165px;&将宽度:100%添加到您的表格中。希望这会有帮助。有关于这个问题的教程或smthg吗?你有这两张表的原因吗?它们看起来毫无意义,只是把你的代码弄得乱七八糟。在这种情况下,我使用table还是div?你提供什么?我总是喜欢沙发而不是桌子,除非需要桌子。表最好用于类似表的数据。在这种情况下,div是您所需要的全部。在我看来,你的html看起来很混乱,可能是你的问题。