I know this question may sound elementary but I am a trying to learn ASP.net.
I am designing a master page and I cannot get the layout the way I want it. I have a 3 divs called "Header" "Footer" and "Left Panel". I want the left panel to display beside the Content Place Holder but cannot get this to happen. I can only get it to display
above or below it. What do I do or am I trying to set up the layout incorrectly?
Aswilli4
0 Points
1 Post
Master Page Layout
Feb 27, 2013 04:10 PM|LINK
I know this question may sound elementary but I am a trying to learn ASP.net.
I am designing a master page and I cannot get the layout the way I want it. I have a 3 divs called "Header" "Footer" and "Left Panel". I want the left panel to display beside the Content Place Holder but cannot get this to happen. I can only get it to display above or below it. What do I do or am I trying to set up the layout incorrectly?
rajendraram
Participant
812 Points
258 Posts
Re: Master Page Layout
Feb 27, 2013 04:15 PM|LINK
set align="left" in your left panel div
more details ple see these links
http://www.asp.net/web-forms/tutorials/master-pages/creating-a-site-wide-layout-using-master-pages-cs
http://www.asp.net/web-forms/tutorials/master-pages
ninianne98
Contributor
3910 Points
650 Posts
Re: Master Page Layout
Feb 27, 2013 07:23 PM|LINK
In your master page, wrap/style your components so that they hover next to each other.
<div id="header"> <h1> the page header! </h1> </div> <div style="clear: both"></div> <div id="leftpanel" style="float: left; width: 18%"> <p> My Left panel content goes here </p> </div> <div style="float: right; width: 78%"> <asp:ContentPlaceHolder runat="server" ID="ContentPlaceHolder"> </asp:ContentPlaceHolder> <div> <div style="clear: both"></div> <div id="footer"> <p> footer content! </p> </div>Mark as Answer if this response was helpful.