Вы находитесь на странице: 1из 3

Master page

<%@ Master Language="C#" AutoEventWireup="true"


CodeBehind="Layout.master.cs"
Inherits="StyleSheet.Layout" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="Custom%20Styles.css" rel="stylesheet"
/>
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<div class="container">

<div id="header"></div>
<div id="left"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

</body>
</html>
Custom Style.css
div.container {
width: 100%;
border: 1px solid gray;
}

#header{
background: blue;
position:absolute;
top:0px;
left:0px;
width:1400px;
height:150px;
}
#left{
background: green;
position:absolute;
top:151px;
left:0px;
width:200px;
height:600px;
}
#content{
background: yellow;
position:absolute;
top:151px;
left:200px;
width:1200px;
height:600px;
}
#footer{
background: gray;
position:absolute;
top:700px;
left:0px;
width:1400px;
height:100px;
}

Вам также может понравиться