Question

How do I add css for the Panle and the div tag, I am new to this I tried many ways but could not make it to work. How should I add css for individual Panel and individual Div tag. Thanks

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <link href="Styles/AboutUs.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <asp:Panel ID="Panel2" runat="server" >
         <div id="main">
         </div>
    </asp:Panel>
</asp:Content>


CSS:
----
.Panel2
{
position: relative;
 top: -11px;
 left: -20px; 
 height: 450px;
 width: 928px;
}


.main
{
position: relative;
top: 17px;
left: 154px;
height: 110px;
width: 691px;
}

Answer 1

For this HTML

<asp:Panel ID="Panel2" runat="server" >
         <div id="main">
         </div>
    </asp:Panel>

Change it to (see the change in BOLD)

<asp:Panel ID="Panel2" runat="server" **CssClass="pnlCSS"**>
         <div id="main">
         </div>
    </asp:Panel>

and the css should be

#main
{
position: relative;
top: 17px;
left: 154px;
height: 110px;
width: 691px;
}
.pnlCSS
{
// CSS for panel here
}