UserControls中的Css规则

时间:2014-10-20 19:54:40

标签: javascript css asp.net user-controls

如果这个问题的标题很模糊,我很抱歉......

我有一个由MasterPage组成的Web应用程序,我包含了所有的css和js文件,其他任何页面都将被加载到MasterPage的内容中。

在一个页面中,我通过javascript通过此调用调用另一个页面:

  <script type=text/javascript>window.open('ApriOrdine.aspx?ID=B300&MODE=UPD',null,'scrollbars=1')</script>

页面ApriOrdine.aspx包含2个UserControls。我有css规则的问题,我无法使用css外部文件中编写的css规则设置填充。

这是我的ApriOrdine.aspx的全部代码:

 <%@ Page Title="Orders" Language="C#" AutoEventWireup="true" CodeBehind="ApriOrdine.aspx.cs" Inherits="WebApplication1.ApriOrdine" EnableEventValidation="false" %>

 <%@ Register TagPrefix="UC" TagName="UserControlCom" Src="~/Commessa.ascx" %>
 <%@ Register TagPrefix="UC" TagName="UserControlCli" Src="~/Cliente.ascx" %>
 <head runat="server">
 <link href="css/css.css" rel="stylesheet">
 </head>
<body>
  <form runat="server">
    <div class="ApriOrdine">
        <div>
            <UC:UserControlCom runat="server" ID="ucCommessa" />
        </div>
        <div>
            <UC:UserControlCli runat="server" ID="ucCliente" />
        </div>
    </div>
 </form>
</body>

如您所见,css.css文件包含在head标签后面。

问题在于,如果我在我的css.css中写这个css规则,这样就行不通了。

 .ApriOrdine
 {
      padding:50px;
 }

相反,如果我使用样式属性将填充分配给div,它可以很好地工作......

 <div class="ApriOrdine" style = "padding:50px;">

修改

这是我的complete source code

这是css

那么,这里有什么问题?请帮帮我,谢谢! 如果您需要更多细节,请问我!

1 个答案:

答案 0 :(得分:0)

我看到的唯一原因是你对css的引用并不好。 我不知道你的项目的结构,但我想主页与你的.aspx页面不在同一个地方。因此,如果您从母版页复制并粘贴引用,则它在.aspx页面中不起作用,因为结构不一样。

您可以做的另一件事是加载页面后,打开页面的源代码并查看页面中生成的引用,并确保路径良好。

希望得到这个帮助。