<center> and Style=Position:absolute

<center> and Style=Position:absolute

am 15.08.2007 17:38:10 von jobs at webdos

This might be an ASP.NET question.

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:



runat="server">

>







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

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

div>
center>


Thanks for any help or information.

Re: <center> and Style=Position:absolute

am 17.08.2007 20:07:11 von Matt White

On Aug 15, 9:38 am, jobs wrote:
> This might be an ASP.NET question.
>
> 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:
>
>

> runat="server">
>
>
>
>
>

>
>

>
>
> > DestinationPageUrl="~/Main/Default.aspx"
> Style="position: absolute; left: 278px; top:
> 188px" Height="152px" Width="327px">
> > asp:Login>
> > Text="Recover Password"
>
> PostBackUrl="RecoverPass.aspx" Style="left: 286px; position:
> absolute; top: 319px"
> Width="100px" /
>
>
>
> > div>
> > center>
>
>
> Thanks for any help or information.

Here's a simple example that I think is what you want. You can copy it
to an html file and see if it's correct. The relative positioning will
position the word "LOGIN" relative to where it would normally be.
(Take the style line out of the div tag to see where it would normally
be.) Use the top: directive to tell it exactly where to go from its
normal position.



none





LOGIN