2014-01-16 2 views
0

Я очень новичок в ASP.NET и должен признаться, что мне трудно справиться даже с самыми основными результатами.CSS в MasterPage не переносится на страницу содержания

У меня возникли проблемы с форматированием CSS для работы на моих страницах содержания.

Моя главная страница выглядит следующим образом -

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Master_Main" %> 

<!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"> 
    <title></title> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
    <link href="../CSS/Main.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <div id="Container"> 
    <div id="Header">Header Goes Here</div> 
    <div id="LeftBar">Left Bar Goes Here</div> 
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

    </asp:ContentPlaceHolder>  
    <div id="RightBar">Right Bar Goes Here</div> 
    <div id="Footer">Footer Goes Here</div> 
    </div>  
    </div> 
    </form> 
</body> 
</html> 

CSS-стилей упоминается в теге < головки> и когда в режиме конструктора на главной странице можно увидеть форматирование на месте.

Однако, когда я создаю страницу контента на основе этой главной страницы, ни одно из форматирования CSS не следует.

<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Main.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Pages_Default" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<div> 
<p>Content Goes Here</p> 
</div> 
</asp:Content> 

Источник на странице «Содержание» ссылается на главную страницу правильно, я верю, но форматирование просто не работает. Моя страница содержания полностью черно-белого текста на левой стороне браузера.

Я уверен, что это будет просто для тех, кто хорош в ASP, но, как я уже сказал, я боюсь с этим в данный момент, поэтому любая помощь очень ценится.

Для полноты файла CSS выглядит следующим образом -

* 
{ 
    font-family: Calibri; 
} 

#Header 
{ 
    width: 100%; 
    background-color: Gray; 
} 

#LeftBar 
{ 
    width: 15%; 
    float: left; 
    background-color: Lime; 
} 

#Content 
{ 
    width: 70%; 
    float: left; 
    background-color: White; 
} 

#RightBar 
{ 
    width: 15%; 
    float: left; 
    background-color: Yellow; 
} 

#Footer 
{ 
    width: 100%; 
    float: none; 
    background-color: Red; 
} 

CSS-форматирования не появится на главной странице, когда в режиме конструктора в БВ, но никогда на странице содержимого.

+0

Какой стиль вы ожидаете в ContentPlaceHolder? –

+0

Я получаю НЕТ стиль прямо через страницу, а не только в заполнителе. – PJW

ответ

0

Известная проблема (если это то, что происходит в этом случае) с Visual Studio. Путь к правильному пути заключается в том, чтобы перетащить файл CSS из Solution Explorer в главный раздел главной страницы (в режиме проектирования).

Смежные вопросы