0

Web フォームに CSS を追加しました。css は、html ファイルでも、ビジュアル スタジオのデザイン ビューでも問題なく動作しました。ただし、IIS で実行すると、css が表示されません。私を助けてください。

CSS

body{
background: #efefef;
}

.head
{
margin-top:0px;
min-height:40px;
min-width: 102%;
background-color:green;
color:blue;
text-align:center;
margin-left:-10px;
margin-right:0px;
padding-top:10px;

}
#content
{
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
min-height:100%;

}
 #wrapper
  {
  width:83%;
  min-height:inherit;
  background-color:red;
  float:left;
  }
  #sidebar
  {
  width:15%;
  float:right;
  }
  #sidebar1
 {
  background-color:green;
  min-height:20%;
  margin-bottom:2px;
 }
  #sidebar2
  {
  min-height:40%;
  background-color:blue;
margin-bottom:2px;
  }
  #sidebar3
  {
   background-color:violet;
   min-height:40%;
  }

HTML

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"             Inherits="_Default" %>
<link type="text/css" rel="stylesheet" href="E:\Demo\main.css" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


     <html xmlns="http://www.w3.org/1999/xhtml">
     <head runat="server">
     <title></title>
    </head>
     <body>
         <form id="form1" runat="server">
             <div class="head">Thiagarajar College of Engineering</div>
         <div id="content">
           <div id="wrapper">
               srini
            </div>
            <div id="sidebar">
            <div id="sidebar1">ji</div>
            <div id="sidebar2">sr</div>
            <div id="sidebar3">ni</div>
            </div>
        </div>
          </form>
     </body>
  </html>
4

2 に答える 2

1

CSS ファイルの場所が間違っています。

1) 通常、CSS ファイルは head タグ内にある必要があります。( body タグ内のどこにでも配置できますが、お勧めしません)。

2）さらに、リンクは相対パスではなく相対パスにする必要がありますE:\Demo\main.css

<head runat="server">
  <title></title>
  <link href="/main.css" rel="stylesheet" type="text/css" />
</head>
于 2013-09-24T05:04:30.657 に答える