I want to vreate master page like following form
a b c d e
|-------------------------------------------- |
1 | |4
2 | |5
3 |---------------------------------------------|6
u v w x y
herer a,b,c,d,e,1,2,3,4,5,6,u,v,w,x,y are same for every page and their position is fix.So how to create it as master page?
The position of all this is same.
The middle portion should work as content panel.
How to do this?
Bhasker DasPosted Aug 4, 2014, 9:37 AM
Although you can achieve this by Div tags, adding some style sheet properties into them but giving you simple method to achieve this. I am using HTML
Master page code -
<table style="width:100%;height:100%; background-color:yellow">
<tr>
<td colspan="3" style="background-color:red;height:100px;">This is header areatd>
tr>
<tr style="height:400px">
<td style="width:20%;background-color:Blue;">This is left bartd>
<td style="width:60%;background-color:Orange;">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">asp:ContentPlaceHolder>
</td>
<td style="width:20%;background-color:Lime;">This is right bartd>
tr>
<tr>
<td colspan="3" style="background-color:Green;height:100px; ">This is footer areatd>
tr>
table>
Content page code -
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/PageTemplate.Master" AutoEventWireup="true" CodeBehind="WebFormWithMaster.aspx.cs" Inherits="TestWebApp.WebFormWithMaster" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
This is content place holder - Test area
</asp:Content>
Attached is the required template design view. Hope this will help you.