I have a simple login page with roughly a 300px x 300px image behind
the asp.net login control. I need the login control to land in the
middle of the image. I want both the image and the login controlrol to
always be in the center of the page. How can I do this?

 I use position:absolute to get the asp.net login control on top of
the image, but then when the IE window size is changed (by the user)
the login control does not center. Here's my markup code:



  <form id="form1"
runat="server">
        <br /

>

 
<center>

 
<div>
                <img src="App_Themes/Retailer/images/
retaillogin.GIF"  />

                <asp:Login ID="Login" runat="server"
DestinationPageUrl="~/Main/Default.aspx"
                    Style="position: absolute; left: 278px; top:
188px" Height="152px" Width="327px">
                </
asp:Login>
               <asp:Button ID="RecoverPassword" runat="server"
Text="Recover Password"

  PostBackUrl="RecoverPass.aspx" Style="left: 286px; position:
absolute; top: 319px"
                    Width="100px" /

>


            </
div>
        </
center>
    </form>

On Aug 15, 11:36 pm, jobs  wrote:

>  I have a simple login page with roughly a 300px x 300px image behind
> the asp.net login control. I need the login control to land in the
> middle of the image. I want both the image and the login controlrol to
> always be in the center of the page. How can I do this?
>
>  I use position:absolute to get the asp.net login control on top of
> the image, but then when the IE window size is changed (by the user)
> the login control does not center. Here's my markup code:
>
>   <form id="form1"
> runat="server">
>         <br /
>
>
>
> <center>
>
> <div>
>                 <img src="App_Themes/Retailer/images/
> retaillogin.GIF"  />
>
>                 <asp:Login ID="Login" runat="server"
> DestinationPageUrl="~/Main/Default.aspx"
>                     Style="position: absolute; left: 278px; top:
> 188px" Height="152px" Width="327px">
>                 </
> asp:Login>
>                <asp:Button ID="RecoverPassword" runat="server"
> Text="Recover Password"
>
>   PostBackUrl="RecoverPass.aspx" Style="left: 286px; position:
> absolute; top: 319px"
>                     Width="100px" /
>
>
>
>             </
> div>
>         </
> center>
>     </form>



Hi!

Here is a site on centering divs which might be helpful
http://locusmeus.com/html-css/centeringpage.html

Picked it up from this thread
http://www.thescripts.com/forum/thread100767.html