日期:2014-05-17  浏览次数:20436 次

table的宽度width="100%"不起作用
<%@ Page Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Mary.Home" Title="主页(Mary - Management Information System)" %>
<%@ MasterType VirtualPath="~/Main.Master" %>
<asp:Content ID="cttHead" ContentPlaceHolderID="head" runat="server">
  <link href="Home.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="cttContent" ContentPlaceHolderID="cphMasterContent" runat="server">
  <asp:ScriptManagerProxy ID="ScriptManagerProxyNew" runat="server">
  </asp:ScriptManagerProxy>
  <asp:UpdatePanel ID="UpdatePanelNew" runat="server">
  <ContentTemplate>
  <%-- Panel Head --%>
  <asp:Panel ID="pnlHead" runat="server" CssClass="pnlHead">
  <table style=" width: 100%; height: 30px; background-image: url(../Media/tbHead_back.jpg); background-repeat: no-repeat;">
  <tbody>
  <tr>
  <td style="text-align: center">
  <asp:Label ID="lblCaption" runat="server" Text="首 页" CssClass="lblCaption" />
  </td>
  </tr>
  </tbody>
  </table>
  </asp:Panel>
  <%-- Panel Body --%>
  <asp:Panel ID="pnlBody" runat="server" CssClass="pnlBody">
   
  </asp:Panel>
  <%-- Panel Foot --%>
  <asp:Panel ID="pnlFoot" runat="server" CssClass="pnlFoot">
  <asp:Label ID="lblHint" runat="server" CssClass="lblHint" Text="提示:" />
  </asp:Panel>

  </ContentTemplate>
  </asp:UpdatePanel>
</asp:Content>

问题:table中显示的背景图片宽度总比母版上的头部短点。


------解决方案--------------------
我看不到你的图片,但是以前我遇到是下面这个问题,希望对你有帮助。在没有明确设定body的宽度时,body的宽度就是浏览器可显示区域的宽度,所以body下的控件宽度被设为100%时,也只能是等于或小于浏览器可显示的宽度。
------解决方案--------------------
运行页面,F12抓取一下看看样式,到底是什么原因。估计是其他哪个地方的样式把他覆盖了。