asp：表格宽度百分比不起作用

问题描述：

我试图让表格看起来正确。当我使用固定宽度时，表格就是我想要的大小......但是当我使用％时，就像忽略它。asp：表格宽度百分比不起作用

下面是代码：

<asp:Table ID="Times" runat="server" style="Width:100%;"> 
    <asp:TableRow BackColor="YellowGreen"> 
     <asp:TableCell Width="45%"> 
      <asp:Image ID="imgImage" runat="server" /> 
     </asp:TableCell> 
     <asp:TableCell Width="55%" >xxxxxx xxxx xxxx<br /><br /> 
     8:xxxxxxxx xxxxx xxxxxxxx<br /> 
     xxxxxxxxx x xxxx<br /> 
     xxxxxxx xxxxxxxxxx xxxxx</asp:TableCell> 
    </asp:TableRow> 
</asp:Table>

我在做什么错？

VS 2010，vb.net，.NET4，asp.net应用

下面是呈现的标记：

<table id="ContentPlaceHolder1_Times" style="Width:100%;"> 
<tr style="background-color:YellowGreen;"> 
    <td style="Width:45%"><img id="ContentPlaceHolder1_imgImage" src="Images\SlideShow\default\church.JPG" /></td><td style="Width:55%">Sunday Service Times<br /><br /> 
     8:45 Fellowship Time<br /> 
     9:00 Sunday School<br /> 
     10:15 Church Services</td> 
</tr>

而这里的aspx代码。

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" 
CodeFile="Default.aspx.vb" Inherits="_Default" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
<asp:Table ID="Times" runat="server" Width="100%"> 
    <asp:TableRow BackColor="YellowGreen"> 
     <asp:TableCell Width="45%"> 
      <asp:Image ID="imgImage" runat="server" /> 
     </asp:TableCell> 
     <asp:TableCell Width="55%" >Sunday Service Times<br /><br /> 
     8:45 Fellowship Time<br /> 
     9:00 Sunday School<br /> 
     10:15 Church Services</asp:TableCell> 
    </asp:TableRow> 
</asp:Table> 
</asp:Content>

母版页

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<asp:ContentPlaceHolder ID="head" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body background='<%=ResolveClientUrl("images\wood2.jpg")%>'> 
<form id="form1" runat="server"> 
<div id="header" style="padding: 5px 5px 2px; text-align: center; width: 400px;"> 
    <asp:Image ID="imgSCC" runat="server" ImageUrl="images\hdrpic.jpg" /> 
    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" SiteMapProvider="Menu" 
     ShowStartingNode="false" /> 
    <asp:Menu ....> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
</div> 
</form> 
</body> 
</html>

看起来很好。所有浏览器都一样吗？它在另一个表格或div里面？ – JumpingJezza 2011-02-10 23:53:49

对我来说看起来不错...你是否能够使用类似Firebug的东西来查看所有应用到桌子上的样式......或者包含屏幕截图，显示什么不能正确显示？ – davidsleeps 2011-02-11 00:00:58

答

的伟大工程，如果Width="100%"代替style="width=100%;"（最终还是做同样的事情）你在引用时，你说固定的宽度看起来不错，分辨率

percentage当你想让你的页面正确@各种分辨率

asp：表格宽度百分比不起作用

相关推荐