0

このテンプレートをMVCプロジェクトで使用したいと思います。

ただし、左側の列はindex.aspxに表示されていません。エラーを見つけるのを手伝ってくれてありがとう。

Site.css

body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    }

    b{font-size: 110%;}
    em{color: red;}

    #maincontainer{
    width: 840px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    }

    #topsection{
    background: #EAEAEA;
    height: 90px; /*Height of top section*/
    }

    #topsection h1{
    margin: 0;
    padding-top: 15px;
    }

    #contentwrapper{
    float: left;
    width: 100%;
    }

    #contentcolumn{
    margin-left: 200px; /*Set left margin to LeftColumnWidth*/
    }

    #leftcolumn{
    float: left;
    width: 200px; /*Width of left column*/
    background: #C8FC98;
    }

     #footer{
     clear: left;
     width: 100%;
     background: black;
     color: #FFF;
     text-align: center;
     padding: 4px 0;
     }

     #footer a{
     color: #FFFF80;
     }

Site.Master

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<!DOCTYPE html>
<html>
<head id="topsection" runat="server">
 <link href="<%=Url.Content("~/Content/Site.css")%>" rel="stylesheet" type="text/css" /> 
    <title>
    <asp:ContentPlaceHolder ID="TitleContent" runat="server" />
    </title>
     </head>
   <body>
    <asp:ContentPlaceHolder ID="pageHeadPlaceHolder" runat="server">
        <div id="pageHead">
        <p>Head</p>
        </div>
    </asp:ContentPlaceHolder>
        <div id="mainContainer">
            <asp:ContentPlaceHolder ID="leftColPlaceHolder" runat="server">
                <div id="leftcolumn">
                    <ul>
                        <li>Home</li>
                        <li>Contact Us</li>
                        <li>About Us</li>
                    </ul>
                    <div class="innertube"><b>Left Column: <em>200px</em></b></div>
                </div>
            </asp:ContentPlaceHolder>
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
            <div id="contentwrapper">
                <div id="contentcolumn">
                    <p>
                        test</p>
                </div>
                </div>
            </asp:ContentPlaceHolder>
        </div>
      <asp:ContentPlaceHolder ID="pageFooterPlaceHolder" runat="server">
        <div id="footer">
        </div>
     </asp:ContentPlaceHolder>
    </body>
    </html>

Index.aspx

   <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master"   Inherits="System.Web.Mvc.ViewPage" %>

   <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
          Home Page
   </asp:Content>

   <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        <h2><%: ViewData["Message"] %></h2>
   <p>
            To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
   </p>
    </asp:Content>
    <asp:Content ID="Content3" ContentPlaceHolderID="leftColPlaceHolder" runat="server"></asp:Content>

更新された画像

画像が更新されました

4

2 に答える 2

0

愛する、

Site.Masterのどこにもcssファイルが含まれていません。それへの参照を追加してみてください、（または特定のcssへのパスが何であれ）の線に沿ったもの：

<link href="<%=Url.Content("~/Content/Site.css")%>" rel="stylesheet" type="text/css" />
于 2012-07-17T14:23:39.403 に答える
0

HTML出力を確認しましたか？左側の列コードがない場合は、CSSの問題ではありません。マスターの左側の列コードを空白のコンテンツタグで上書きしているようです。index.aspxから以下を削除してみてください。

<asp:Content ID="Content3" ContentPlaceHolderID="leftColPlaceHolder" runat="server"></asp:Content>

マスターにあるものを置き換えることを計画している場合にのみ、index.aspxで宣言する必要があります。

于 2012-07-17T16:01:49.793 に答える