haansi 0 Newbie Poster

Thanks for your attention and time, I need your support please.

I am doing site with div (table less layout) structures.

I have a user control which is login box. There is a content page drived from master page. Requirment is to place login control in content page. Problem is login (user control) is coming on left side of the content page, it should be centerilize horisentally.

I am pasting code below:

User Control Code:

<div>
    <div>
        Staff Login
    </div>
    <label>
        Staff ID</label>
    <input type="text" />
    <label>
        Password</label>
    <input type="text" />
    <asp:Button runat="server" ID="btnLogin" Text="Login" />
    <div>
        If you cannot remember your Traccr password, contact the Global IT Services Helpdesk
        and ask for a password reset</div>
</div>

CSS Code

body
{
    margin:0 0 0 0;

}

div.banner
{
    background:gray url("../Images/grad1.gif");     
    height:62px;        

}
div.logo
{
    background:url("../Images/TraccrLogo.png") no-repeat;     
    width:217px;
    height:59px;
    margin:1px 0 0 1%;
}

div.staffLoginPanel
{
    height:200px;
    width:350px;
    border:solid 1px #F28226;
     display:block;
     position:fixed;   



}

div.staffLoginPanel .staffLogiPanelHeading
{    
    height:14%;
    width:100%;
    background: #F28226;
    color:White;
    text-align:center;    
    vertical-align:middle;  
    font:bold 16px Arial;    
     margin:0 0 0 0;
}

div.staffLoginPanel label
{
    color:#878787;
    font: bold 14px arial;
    margin:7px 0 0 12px;  
    display:block;       

}

div.staffLoginPanel Input[type="text"]
{
    border:solid 1px #F28226;
    background:#F2F2F2;
    font: bold 12px arial;
    width:225px;   
    border:dsshed 1px black;      
    margin:5px 0 0 12px;
}

div.staffLoginPanel input[type="submit"]
{
    background:#F28226;
    font: bold 12px arial;
    color:White ;
    margin:0 0 0 15px;       
}
div.staffLoginPanel div
{
    color:#F28226;
    font: bold 10px arial;    
    margin:20px 50px 0px 15px;
}

Master Page Code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Traccr CDS Trading Platform</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="CSS/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div>
            <div>
            </div>
        </div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

Content Page Code:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <uc1:Login ID="Login1" runat="server" />
</asp:Content>

I am very thankful to you for sharing and sparing time.

Thanks a lot.