View Single Post
  #3 (permalink)  
Old May 19th, 2011, 04:21 PM
mikeal_a mikeal_a is offline
Registered User
 
Join Date: Sep 2008
Location: Phoenix, AZ, .
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Thanks for your reply! The display is wide enough. Look forward to your response.

Frontend.master
Code:
 
<%@ Master Language="VB" CodeFile="Frontend.master.vb" Inherits="MasterPages_FrontEnd" %>
<!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="../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="MainContent">
            <asp:ContentPlaceHolder ID="cpMainContent" runat="server">
            </asp:ContentPlaceHolder>    
        <div id="Sidebar">Sidebar Goes Here</div>        
        <div id="Footer">Footer Goes Here</div>        
    </div>
    </form>
</body>
</html>
styles.css
Code:
 
#Header
{
    background-color: #C0C0C0;
    width: 844px;
    height: 86px;
}
*
{
    font-family: Arial;
}
h1
{
    font-size: 20px;
}
.Introduction
        {
            font-style: italic;
            color: #0000FF;
        }
#PageWrapper
{
    width: 844px;
}
#MenuWrapper
{
    width: 844px;
}
#MainContent
{
    width: 664px;
    float: left;
}
#Sidebar
{
    background-color: #C0C0C0;
    width: 180px;
    float: left;
}
#Footer
{
    background-color: #C0C0C0;
    width: 844px;
    clear: both;
}
#MainContent a
{
    color: #008000;
    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;
}
Reply With Quote