I know this has been asked before but I haven't been able to find a fix.
I added the web form to the master page and now the CSS is not displaying properly. The side bar is supposed to be on right under the header and to the right side of the form. However it is now at the bottom. Please help me out! Thank you so much!
Quote:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Frontend.master.cs" Inherits="MasterPages_Frontend" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="../Styles/Styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="PageWrapper">
<div id="Header"><a href="~/" runat="server">Header goes Here</a></div>
<div id="MenuWrapper">Menu goes Here</div>
<div id="Main Content">
<asp:ContentPlaceHolder ID="cpMainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="Sidebar">Sidebar goes here </div>
<div id="Footer">Footer goes here </div>
</div>
</form>
</body>
</html>
|
Quote:
#Header
{
background-color: #C0C0C0;
width: 844px;
height: 86px;
}
{
font-family: Arial;
}
h1
{
font-size: 20px;
}
.Introduction {
font-style: italic;
color: #000080;
}
#PageWrapper
{
width: 844px;
}
#MenuWrapper
{
width: 844px;
}
#MainContent
{
width: 644px;
float: left;
}
#Sidebar
{
background-color: Gray;
width: 160px;
float: left;
}
#Footer
{
background-color: #C0C0C0;
width: 844px;
clear:both;
}
#MainContent a
{
color: #0080000;
text-decoration: underline;
}
#MainContent a:visited
{
color: #FF0000;
text-decoration: underline;
}
#MainContent a:hover
{
color: #FFA500;
text-decoration: underline;
}
h1 {
padding: 0px 0px 10px 0px;
}
|
Ch. 6 please help!
button below this post to show your appreciation!
