2009-10-30 72 views
0

當我將CSS文件與我的Default.aspx文件相關聯但是CSS沒有對其產生任何影響時,需要查找什麼?CSS沒有生效

這不是工作:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ColumnLayout._Default" %> 

<!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 runat="server"> 
<link type="text/css" href=ColumnLayout.css media="all"/> 
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <P>AAAA AAAA AAAA</P> 

     <DIV ID="columns"> 
      <P>BBBB BBBB BBBB</P> 

      <DIV ID="right"> 
      <P>CCCC CCCC CCCC CCCC</P> 
      </DIV> 

      <P>DDDD DDDD DDDD DDDD</P> 
     </DIV> 
    <P>EEEE EEEE EEEE EEEE</P> 
    </div> 
    </form> 
</body> 
</html> 

ColumnLayout.css

#columns 
{ 
position: relative; 
top: 0; 
right: 0; 
padding-right: 10em; 
} 

#right 
{ 
position: absolute; 
top: 0; 
right: 0; 
width: 9em; 
} 

兩者都是在同一個目錄。

我期待3行。第二排應該有兩列。

+0

你的頁面代碼和CSS的例子在這裏會很有幫助。 – Amber 2009-10-30 03:26:04

回答

3
<link rel="stylesheet" type="text/css" href="ColumnLayout.css" media="all"/> 

我假設ColumnLayout.css和頁面住在相同的位置。否則,請確保您爲CSS文件指定了正確的URL。

請參閱Specifying external style sheets

3

您忘記了link元素上的rel="stylesheet"