Question : asp.net - masterpage issue

trying to create a masterpage that that will have:

header content placeholder with:
banner for icon
4 image buttons that are filled with icons the user will click on them and it will take them to the the appropriate .aspx page

then a contenplaceholder for menuon the left side
right next to the menu a big section for images

masterpage:

----------------------------------------------------------------------------
| |
|                                                        |
|      COMP ICON                                            |
|                                                        |
|===========================================================================|
|                  |        |        |        | |
|                  | HOME | PRODUCT | SERVICE | About |
|===========================================================================
| BREADCRUMB GOES HERE                                |
============================================================================
|             |                                            |
|             |                                            |
|             |                                            |
|             |                                            |
|             |                                            |
| vert menu nav | big icon section                    |
| goes here |                                            |
| |                                            |
|             |                                            |
|             |                                            |
|               |                                            |
==================== |                                            |
|             |                                            |
|             |                                            |
|             |                                            |
|             |                                            |
============================================================================|
|                                                        |
|            content placeholder area                         |
|                                                        |
============================================================================|
|                                                        |
|                                                        |
|            company STUFF                                     |
|                                                        |
============================================================================

Answer : asp.net - masterpage issue

@GlobalLevel, try this.

Start a new Master Pages project called MasterPagesExample. Replace all the markup on Site1.master with the markup I pasted for that below.

Add a new item, WebForm1.aspx to the project and make it the startup page. Replace the markup on the aspx page with the markup I pasted below for that.

Put all your content on the WebForm1.aspx page. The master page just controls layout.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:



<!--BEGIN MASTER PAGE MARKUP-->

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site1.master.vb" Inherits="MasterPagesExample.Site1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <style type="text/css">
        html
        {
            background-color:white;
            font:14px Georgia,Serif;
        }
        .content
        {
            width:700px;
            margin:auto;
            border-style:2px solid black;
            background-color:white;
            padding:10px;
        }
        .header
        {
            width:700px;
            height:100px;
            border:1px solid grey;
        }
        .breadCrumb
        {
            width:700px;
            height:30px;
            border:1px solid red;
        }
        .menu
        {
            width:700px;
            height:30px;
            border:1px solid blue;
        }
        .centerSection
        {
            width:700px;
            height:302px;
        }
        .leftSide
        {
            width:148px;
            height:300px;
            border:1px solid green;
            float:left;
        }
        .mainContent
        {
            width:548px;
            height:300px;
            border:1px solid orange;
            float:right;
        }
        .upperFooter
        {
            width:700px;
            height:80px;
            border:1px solid brown;
        }
        .footer
        {
            width:700px;
            height:60px;
            border:1px solid grey;
        }
        </style>
    <title>Site Master</title>
</head>
<body>
<form id="form1" runat="server">    
<div class="content">
    <div class="header">
        <asp:contentplaceholder id="Header" runat="server">    
        </asp:contentplaceholder>
    </div>
    <div class="menu">
        <asp:contentplaceholder id="Menu" runat="server">
        </asp:contentplaceholder>
    </div>
    <div class="breadCrumb"> 
        <asp:contentplaceholder id="Bread_Crumb" runat="server">        
        </asp:contentplaceholder>
    </div>
    <div class="centerSection">
        <div class="leftSide">
            <asp:contentplaceholder id="Left_Side_Nav" runat="server"> 
            </asp:contentplaceholder>
        </div>
        <div class="mainContent">
            <asp:contentplaceholder id="Main_Content" runat="server"> 
            </asp:contentplaceholder>
        </div>
    </div>
    <div class="upperFooter">
        <asp:contentplaceholder id="Upper_Footer" runat="server">        
        </asp:contentplaceholder>
    </div>   
    <div class="footer">    
        <asp:contentplaceholder id="Footer" runat="server">              
        </asp:contentplaceholder>
    </div>        
</div>
</form>
</body>
</html>

<!--END MASTER PAGE MARKUP-->

<!--BEGIN WEBFORM1.ASPX MARKUP-->
<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/Site1.Master" CodeBehind="WebForm1.aspx.vb" Inherits="MasterPagesExample.WebForm1" 
    title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Header" runat="server">
<p>Header content</p><br />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Bread_Crumb" runat="server">
<p>Bread_Crumb content</p>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Menu" runat="server">
<p>Menu content</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Left_Side_Nav" runat="server">
<p>Left_Side_Nav content</p>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Main_Content" runat="server">
<p>Main content</p>
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="Upper_Footer" runat="server">
<p>Upper_Footer content</p>
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="Footer" runat="server">
<p>Footer content</p>
<center>Copyright &copy; 2010 by Dty</center>
</asp:Content>

<!--END WEBFORM1.ASPX MARKUP-->