开发者

CSS not taking effect

开发者 https://www.devze.com 2022-12-10 00:23 出处:网络
What to look for when I have associated a CSS file with my Default.aspx file but CSS is not putting any effect on it?

What to look for when I have associated a CSS file with my Default.aspx file but CSS is not putting any effect on it?

This is not working:

<%@ 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="col开发者_StackOverflow中文版umns">
            <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;
}

Both are in the same directory.

I am expecting 3 rows. And there should be two columns within the 2nd row.


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

I am assuming ColumnLayout.css and the page live in the same location. Otherwise, make sure you specify the right URL for the CSS file.

See Specifying external style sheets.


You forgot rel="stylesheet" on the link element.

0

精彩评论

暂无评论...
验证码 换一张
取 消