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抓取一下看看样式,到底是什么原因。估计是其他哪个地方的样式把他覆盖了。