asp.net - 我的 ASP.NET Web 应用程序中的一个错误

Question

我使用 Microsoft Visual Studio 2010 作为我的编辑器。我遇到了有关布局的问题。我还没有放置任何内容占位符，因此当我在浏览器中查看时可以看到链接/标题。

<div id="header_container">
    <div id="header">
             <a href="App_Themes/Theme1/index.html"><img src="Images/bannermj.png" alt="MichaelJona Trucking Services, Co." title="MichaelJona Trucking Services, Co." border="0" width="276" height="217" /></a>
        <ul>
          <li ><a href="default.aspx">Home</a> </li>
          <li ><a href="about_us.aspx">About Us</a></li>
          <li ><a href="trucks.aspx">Trucks</a></li>
          <li ><a href="services.aspx">Services</a></li>
          <li ><a href="register.aspx">Register</a></li>
         <li class="contact"><a href="#">Contact</a></li>
        </ul>
    <h1></h1>                
</div>

但是因为它需要一个内容占位符，所以我把内容占位符放在标签里面:

<div id="header_container">
    <div id="header">
              <a href="App_Themes/Theme1/index.html"><img src="Images/bannermj.png" alt="MichaelJona Trucking Services, Co." title="MichaelJona Trucking Services, Co." border="0" width="276" height="217" /></a>
   <asp:ContentPlaceHolder ID="sidebar" runat="server">
       <ul>
       <li ><a href="default.aspx">Home</a> </li>
       <li ><a href="about_us.aspx">About Us</a></li>
       <li ><a href="trucks.aspx">Trucks</a></li>
       <li ><a href="services.aspx">Services</a></li>
       <li ><a href="register.aspx">Register</a></li>
      <li class="contact"><a href="#">Contact</a></li>
     </ul>
    <h1></h1>
   </asp:ContentPlaceHolder>                    
</div>

当我在浏览器中查看时，标题再也看不到了。我不确定问题是否出在 css 上。

/*----TOP PANEL----*/
#header_container
{
height:299px; 
position:relative; 
margin:0 auto; 
padding:0px; 
background-image:url(images/header_slice.gif); 
background-repeat:repeat-x; 
background-position:top;
 }

#header
{
width:755px; 
height:299px; 
position:relative; 
margin:0 auto; 
padding:0px 9px 0px 14px;
 }

#header img
{
height:86px; 
width: 728px; 
position:absolute; 
top:0; 
left:50px; 
padding:0px;}

#header ul
{
width:94px; 
height:145px; 
padding:23px 29px 20px 40px; 
position:absolute; 
top:103px; 
left:0px; 
background:url(images/ul.gif) 0 0 no-repeat;
}

#header ul li
{
background:url(images/bullet1.gif) 0 7px no-repeat #ccc; 
border-bottom:#929292 dotted 1px; 
font:12px/24px Verdana, Helvetica, sans-serif; 
font-weight:bold; 
color: #000; 
padding-left:10px;}

#header ul li.contact
{
border:none;
}

#header ul li a
{
font-family:Verdana, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
background:#ccc; 
color:#212121;
}

#header ul li a:hover
{
 background:#ccc; 
 color:#B53332; 
 text-decoration:none;
}

#header h1
{
padding:137px 0px 0px 33px; 
background:url(Images/truck3.jpg) 0 0 no-repeat #fff; 
width:547px; 
height:51px; 
font-family:Verdana, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color: #3B3B3B; 
position:absolute; 
top:103px; 
left:175px;
}

/*----sidebar----*/

#sidebar
{
width:94px; 
height:145px; 
padding:23px 29px 20px 40px; 
position:absolute; 
top:103px; 
left:0px; 
background:url(images/ul.gif) 0 0 no-repeat;
}

#sidebar ul
{
width:94px; 
height:145px; 
padding:23px 29px 20px 40px; 
position:absolute; 
top:103px; 
left:0px; 
background:url(images/ul.gif) 0 0 no-repeat;
}

#sidebar ul li
{
 background:url(images/bullet1.gif) 0 7px no-repeat #ccc; 
 border-bottom:#929292 dotted 1px; 
 font:12px/24px Verdana, Helvetica, sans-serif; 
 font-weight:bold; 
 color: #000; 
 padding-left:10px;
 }

#sidebar ul li.contact
{
 border:none;
}

#sidebar ul li a
{
font-family:Verdana, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
background:#ccc; 
color:#212121;
 }

#sidebar ul li a:hover
{
 background:#ccc; 
 color:#B53332; 
text-decoration:none;
 }

#sidebar h1
{
padding:137px 0px 0px 33px; 
background:url(Images/truck3.jpg) 0 0 no-repeat #fff; 
width:547px; 
height:51px; 
font-family:Verdana, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color: #3B3B3B; 
position:absolute; 
top:103px; 
left:175px;
}

我真的需要帮助。我什至无法确定问题出在哪里。我是 Web 应用程序的新手。

Answer 1

ContentPlaceHolder 应该位于母版页内，并且其中不应包含任何元素。

然后您将 Content 标记放在指向相应母版页文件的 ASPX 页面中。

Content 标签将具有 ContentPlaceHolderID 属性，该属性应与母版页中的 ContentPlaceHolder ID 相匹配。

检查这个: http://msdn.microsoft.com/en-us/library/wtxbf3hh.ASPX