经典ASP：CSS不适用于母版页中的内容占位符

问题描述

使用经典ASP Web应用程序中的母版页对现有网站（使用框架构建）进行改造。我创建了三个3个单独的页面（页眉，内容，页脚），并绑定其他页面，效果很好。在少数场景中，我必须在页面内调用/显示页面，这样整个页面就会加载。（页眉和页脚）

Header Page

<!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>
     
    <title>ABC Company</title>
    <!-- basic -->
      <Meta charset="utf-8">
      <!-- bootstrap css -->
      <link rel="stylesheet" href="css/bootstrap.min.css" />
      <!-- site css -->
      <link rel="stylesheet" href="css/style.css" />
</head>
 <body id="default_theme" class="home_page1">

ContentHolder Page
    <!--#include file="Header.asp"--> 
     <div id="content">
          <% Call ContentHolder() %>
     </div>
    <!--#include file="Footer.asp"-->
    
PartsPage 
    <!--#include file="Content.asp"-->
    <% Sub ContentHolder() %>
       <object data="mylogin.asp" width="100%" height="700" type="text/html">
           Content
       </object>
    <% End Sub %>

mylogin.asp Page

<%@ Language="VBScript" %>
<% Option Explicit

    Session("LoginID")="validuser"
    response.addheader "pragma","no-cache"
    response.addheader "cache-control","private"
    Response.CacheControl = "no-cache"
    Sssion("user_id")=""
    Session("user_type")=""
%>
<!--#include file="Content.asp"-->

<% Sub ContentPlaceHolder() %> 

<div id="Layer3">
    <table>
       <tr>
          <td>
             <p>
                Please enter your UserID and Password<BR>
             </p>
             <FORM name="MyForm" method="post" action="myLogin1.asp">
                <p>
                   UserID<BR>
                   <INPUT type="text" name="LoginID" id="LoginID" tabindex="1"><BR><BR>
                   Password<BR>
                   <INPUT type="password" name="PWD" id="PWD" tabindex="2"><BR><BR>               
                   <INPUT TYPE="SUBMIT" VALUE="Submit Login information" name="submit1" tabindex="3">
                </p>
             </FORM>
          </td>
       </tr>
    </table>
</div>

<% End Sub %>

Footer Page
      <footer>
         <div class=row>
            <p>
              <span>All right reserved. &copy;2020 ABC Pvt Ltd. </span>
            </p>
         </div>
      </footer>
  </body>
</html>

因此，我从ContentHolder页面中删除了服务器端包含，它可以解决上述问题，但是CSS不适用于ContentHolder页面。

ContentHolder Page
 
     <div id="content">
          <% Call ContentHolder() %>
     </div>
     
    
ContactUsPage 
    <!--#include file="Content.asp"-->
    <% Sub ContentHolder() %>
       <h5> Contact Us</h5>
       <p> If you have a question or a comment </p>  
    <% End Sub %>

我不太熟悉Classic ASP，因此您可以提供的任何帮助都会有所帮助。

HTML来源

<!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>   
    <title>ABC Company</title>
    <!-- basic -->
      <Meta charset="utf-8">
      <!-- bootstrap css -->
      <link rel="stylesheet" href="css/bootstrap.min.css" />
      <!-- site css -->
      <link rel="stylesheet" href="css/style.css" />
      <!-- responsive css -->
      <link rel="stylesheet" href="css/responsive.css" />
      <!-- colors css -->
      <link rel="stylesheet" href="css/colors.css" />
      <!-- wow animation css -->
      <link rel="stylesheet" href="css/animate.css" />     
</head>
 <body id="default_theme" class="home_page1">
           <!-- header -->
      <header class="header header_style1">
         <div class="container">
            <div class="row">
               <div class="col-md-9 col-lg-10">
                  <div class="logo"><a href="index.html"><img src="images/logo.png" alt="#" /></a></div>
                  <div class="main_menu float-right">
                      <div class="menu">
                        <ul class="clearfix">
                            <li class="active"><a href="master.asp">Home</a></li>
                            <li><a href="Our Services.html">About</a></li>                                  
                                   <li><a href="myparts2.asp?op=labour">Labour</a></li>                                   
                                  <li><a href="myparts2.asp?op=parts"> Parts</a></li>                                               
                            <li><a href="#">Contact</a></li>
                        </ul>
                    </div>
                  </div>
               </div>
               <div class="col-md-3 col-lg-2">
                  <div class="right_bt"><a class="bt_main" href="accounttype.asp">Login</a> </div>
               </div>
            </div>
         </div>
      </header>
      <div id="content">
            <object data="mylogin.asp" width="100%" height="700" type="text/html">
      
            </object>
      </div>
   <!-- footer -->
       <footer>    
       </footer>
      <!-- end footer -->
 </body>

解决方法

如果您尝试通过浏览器打开CSS文件，它将以文本还是空白页的形式返回？

如果为空白页，请转到“控制面板”>“打开或关闭Windows功能”>“ Internet信息服务”>“万维网服务”>“通用HTTP功能”>“静态内容”。将“静态内容”设置为“开”，然后单击“确定”。

立即重新加载页面，查看CSS是否呈现。

asp-classic