Sir, I am a bit confused of Page designing Pattern in ASP.NET.
My page Design is visible in Design time. But in runtime, none of them is visible
See the web Page view in Design time:-
And in Runtime, here is the view:-
I here giving my html and CSS code.
1) CSS
body
{
}
.Header//header picture
{
width:1000px;
height:195px;
}
.p1// paragraph written
{
width:1000px;
height:90px;
margin-top:10px;
background-color:#009999;
}
#wrapper// the orange colored portion
{
width:1000px;
height:600px;
background-color:#FF9933;
}
.LoginBox // the login div
{
width:400px;
height:150px;
padding:10px 80px auto 20px;
margin-left:180px;
margin-bottom:50px;
margin-right:40px;
margin-top:100px;
background-color:#3EA99F;
}
2) HTML
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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">
<title>SchoolERP</title>
<link href="StyleSheet\StyleSheet.css" rel="Stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div class="Header">
<img src="Photos/HeaderImage.jpeg" alt="header"
style="height: 194px; width:1000px" />
</div>
<div class="p1">
<p> This Website Deals with the School Automation System.
<p> We facilitate this port to create, Modify, Delete Students, Teacher Information
</p>
</p>
</div>
<div id="wrapper">
<div style= " border:solid 2px orange;width:400px; height:150px;" class="LoginBox">
<br /> 
<asp:Label ID="lblUserName" runat="server" Text="UserName"></asp:Label>
   <asp:TextBox ID="txtUserName" runat="server" Width="160px" style="margin-top:10px;"></asp:TextBox>
<br />
<br />
   <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
   <asp:TextBox ID="txtPassword" runat="server" Width="160px"></asp:TextBox>
<br />
<br />
   <asp:Button ID="btnLogin" Text="Login" runat="server" Width="120px" />
      <asp:Button ID="btnReset" Text="Reset" runat="server" Width="89px" />
</div>
</div>
</form>
</body>
</html>