CSS & pane trouble

[Jeff]

Hey!

ASP.NET 2.0

I have a webpage which is based on a nested master page. The problem is that
I've applied a theme to the webpage but the CSS settings isn't applied to
the panes.... As you will see in the link, a label market "rightpane" is
placed to the left. It should have been on the right, and have a different
color.

My goal is to create a 3 column layout with panes on the left- and rightside

This works if I use div instead of pane, but from my understanding it's
better to use pane than div because of browser compatibility. I mean the
webserver discover what browser the client is using and then convert to pane
into div which that browser understand.. I other words using panes can avoid
using CSS hacks to make look good.. Do you agree with that? Please if I'm
wrong then tell me it...

Any idea why my CSS isn't applied to the page?

http://home.online.no/~au-holme/pub/66505/column-trouble.PNG

My webpage:
<%@ Page Language="C#" MasterPageFile="~/MasterPages/ContentMaster.master"
AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2"
Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent"
Runat="Server">
<asp:Label ID="Label1" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label2" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label3" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label4" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label5" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label6" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label7" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label8" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label9" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label10" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label11" runat="server" Text="label control in
Default2.aspx"></asp:Label>
<asp:Label ID="Label12" runat="server" Text="label control in
Default2.aspx"></asp:Label>
</asp:Content>

This is the master page the webpage is based on:
<%@ Master Language="C#" MasterPageFile="~/MasterPages/MainMaster.master"
AutoEventWireup="true" CodeFile="ContentMaster.master.cs" Inherits="Content"
%>
<asp:Content ID="Content1" ContentPlaceHolderID="MainPlaceHolder"
Runat="Server">
<aspanel ID="leftpane" runat="server">
<asp:Label ID="Label1" runat="server" Text="leftpane"></asp:Label>
</aspanel>
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
<aspanel ID="rightpane" runat="server">
<asp:Label ID="Label3" runat="server" Text="rightpane"></asp:Label>
</aspanel>
</asp:Content>

The CSS settings I'm trying to apply:
#leftpane
{
width:200px;
left:0;
background-color:Blue;
position:absolute;
top:124px;
}
#rightpane
{
width:200px;
right:0;
background-color:Olive;
position:absolute;
top:124px;
}
#MainContent
{
left:205px;
right:205px;
/*margin-left:205px;*/
/*position:absolute;*/
}

 

[Jeff]

In my post I mention the word "pane" it should instead be "Panel"

 

[Jeff]

I had to put the ContentPlaceHolder inside a div/panel

 

[stacy]

Hi Jeff,

Would you mind posting the code solution? I am having a similar
problem in that the .css file seems to be ignored, only the themes
..skin file is applied to my aspx page. I tried the solution you
described, but get errors such as:
Error 1 Validation (ASP.Net): Content is not supported outside 'script'
or 'asp:content' regions.

Regards,
Stacy