
April 4th, 2009, 05:09 PM
|
|
Registered User
|
|
Join Date: Apr 2009
Posts: 2
Time spent in forums: 39 m 37 sec
Reputation Power: 0
|
|
Master page style problem
Hi guys, I have a problem setting up the style for my master page.
I want to create a 3 pane web layout (news, main content and a navigation pane). I am using css to do this normally with php but i am confused with master pages template system. In Visual studio designer view it looks just as it suppose to but when I try it in mozilla everything is messed up.
Here is what I've done:
The CSS:
Code:
div#content{ width:900px; margin:0 auto; padding:0;}
div#left_pane { margin:0; padding:0; width:100px; float:left;}
div#mainContent {margin:0; padding:0; width:700px;}
div#news_pane {margin:0; padding:0; width:100px; float:right;}
The master page code:
Code:
<form id="content_form" runat="server">
<div id="content">
<div id="left_pane">
<asp:ContentPlaceHolder id="left_pane_content" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="mainContent">
<asp:ContentPlaceHolder id="mainContent_content" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="news_pane">
<asp:ContentPlaceHolder ID="news_pane_content" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
My css code is not in the App_data so it is not private from other pages.
|