Question

我有一个只有一个样式表的VS 2010 C＃项目。当我在本地主机上运行时，样式表正确应用，但是当我从IIS7运行该站点时，使用相同的IE8浏览器，样式仅部分应用。我倾向于Web服务器设置，因为浏览localhost版本是正常的，但服务器不是。但是，当我使用Chrome浏览服务器版本时，一切都很好。

我已尝试过各个网站的一些建议，但似乎没有一个适用于我的情况。

以下是细分：

Localhost - VS 2010.当我右键单击项目并选择时＆＃34;在浏览器中查看＆＃34;，IE 8加载（版本8.0.7601.17514）和样式表格完全适用。
将代码发布到iis7。午餐Internet Explorer（与localhost版本相同）并导航到该站点 - 样式部分适用。
将代码发布到iis7。启动Chrome并导航到该网站 - 样式正确应用。

如果错误应用的样式不适用于localhost，我会认为这些样式不适用于IE8，但因为它们确实存在，所以我很困惑。

由于我工作的环境已经锁定，IE8是我唯一的选择。

正确应用后，菜单会向左对齐，并且边框右边为白色，以便将其与下一个菜单项分开。它也是水平流动的。

如果没有正确应用，菜单会垂直流动，与右边对齐，并且缺少边框右边的样式。

未应用的css是菜单的一部分：

.MainMenu
{
    border-color: #800000;
    border-style: solid;
    border-width: 1px 0;
    float: right;
    font: bold 13px Arial;
    margin: 0px;
    width: 100%;
    background-color: #800000;
}

    .MainMenu a
{
    float: right;
}

    .MainMenu li
{
    display: inline;
    float: right;
    padding-right: 5px;
    padding-left: 1px;
}

    .MainMenu li a
{
    border-right: 1px solid white;
    color: white;
    float: right;
    padding: 8px 10px;
    text-decoration: none;
}

    .MainMenu li a:visited
{
    color: white;
}


    .MainMenu li a:hover, .MainMenu li a.current
{
    color: white;
}

菜单位于母版页上：

<head runat="server">
    <title></title>   
    <link href="~/Styles/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
     <div class="divTopPage"> 
            <asp:Label ID="Label3" runat="server" Text="Group Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Loggedin User:&nbsp;&nbsp; "></asp:Label>
            <asp:Label ID="lblUserName" runat="server" Text="Name Goes here" ></asp:Label>
        </div>
        <br />
         <div class="pageHeader" >
            <asp:Image ID="imgLogo" CssClass="image" runat="server" ImageUrl="~/Images/logo.gif" />
            <asp:Label ID="Label1"  runat="server" Text="App Name" CssClass="labelPageTitle"></asp:Label>
        </div>        

        <div>
            <hr style="padding: 0px; border: .5px solid #000000; background-color: #000000" />
            <hr style="padding: 0px; border: 1px solid #000000; background-color: #000000"  />
            <hr style="padding: 0px; border: .5px solid #000000; background-color: #000000"  />

         <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" CssClass="MainMenu" 
               DynamicHorizontalOffset="2" Font-Names="Verdana" ForeColor="white" StaticSubMenuIndent="5px" >
            <DynamicHoverStyle BackColor="black" ForeColor="White" />
            <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
            <DynamicMenuStyle BackColor="black" />
            <DynamicSelectedStyle BackColor="black" />
           <Items>
                <asp:MenuItem Text="Home"  NavigateUrl="~/Default.aspx"></asp:MenuItem>
                <asp:MenuItem Text="Utilities" Value="Utility">
                    <asp:MenuItem Text="Centralized Solutions" Value="Centralized Solutions" NavigateUrl="http://CentralizedSolutions"></asp:MenuItem>
                    <asp:MenuItem Text="Daive" Value="Daive" NavigateUrl="http://Daive"></asp:MenuItem>

                <asp:MenuItem Text="Reports" Value="Reports">
                    <asp:MenuItem Text="Reports" Value="Reports" NavigateUrl="http://sql-wimssrs/Reports"></asp:MenuItem>
                </asp:MenuItem> 
            </Items>
            <StaticHoverStyle BackColor="black" ForeColor="White" />
            <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
            <StaticSelectedStyle BackColor="#5D7B9D" />
        </asp:Menu>
        </div>
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>

我的问题是否像IE8一样简单无法正确呈现（但如果是这样，为什么使用localhost时它会起作用？）

到目前为止我已尝试过：

将网络服务器上的.Net框架从2.0升级到4
在网站上添加了一个特定于css的处理程序
尝试确认静态设置，但不能，因为我不是网络服务器上的本地管理员。

我非常感谢任何帮助，因为我在过去几天花了几个小时试图解决这个问题。

Visual Studio 2010样式表部分应用于iis7 - 在本地主机上很好

0 个答案: