How to load my page in the middle of the browsers?

Question

0.00/5 (No votes)

See more:

Greetings..

i designed a page using ASP.Net on Visual Studio 2003, but it is always loaded in the left of any browser so now I want to load it at the center of the browsers (IE, Firefox, Chrome,..) and I have the following html:

XML

<body MS_POSITIONING="GridLayout">
    <div align="center">
        <form id="Form1" method="post" runat="server">
            <asp:Image style="Z-INDEX: 100; POSITION: absolute; TOP: 272px; LEFT: 8px" id="TopImage" runat="server"
                Width="1030px" Height="600px" ImageUrl="file:///C:\Documents and Settings\Dgharib\Desktop\Images Repository\world-map-background1.jpg"></asp:Image>
           <asp:Label style="Z-INDEX: 105; POSITION: absolute; TOP: 312px; LEFT: 144px" id="lbHome" runat="server"
                Height="522px" Width="824px" BackColor="Transparent" ForeColor="Yellow">Home</asp:Label>
            <asp:Button style="Z-INDEX: 107; POSITION: absolute; TOP: 272px; LEFT: 232px" id="btnHome" runat="server"
                Height="24px" Width="120px" Text="Home" BackColor="CornflowerBlue" ForeColor="White" BorderStyle="Double"></asp:Button>
        </form>
    </div>
</body>

So as shown in this html I used

...

but still the page is loaded in the left of the browser plus it loads correctly in IE only and not in other browser....

Please advise...

Thanks in advance...

Posted 19-Feb-12 20:33pm

dgthecodeproject

Add a Solution

6 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

DaveAuld · Answer 1 · 2012-02-19T20:38:00

Solution 1

Have you had a look at CSS Horizontal alignment methods by setting style properties?

http://www.w3schools.com/css/css_align.asp[^]

Worth a read, and may help you achieve your goal.

Posted 19-Feb-12 20:38pm

DaveAuld

FrostedSyntax · Answer 2 · 2012-02-19T21:01:00

Solution 2

set the margin on left and right of your div tag to auto

Posted 19-Feb-12 21:01pm

FrostedSyntax

Technoses · Answer 3 · 2012-02-19T21:04:00

Solution 3

remove this
MS_POSITIONING="GridLayout"
from body tag
and add align="center"

Posted 19-Feb-12 21:04pm

Technoses

zyck · Answer 4 · 2012-02-19T21:22:00

Solution 4

try this code

ASP.NET

add style to your form ...>
 <form id="Form1" style="magin:10px auto; with:960px;" method="post" runat="server">

vote or accept solution
if this will help you
thanks

Posted 19-Feb-12 21:22pm

zyck

dgthecodeproject · Answer 5 · 2012-02-19T21:52:00

Thx Guys but still there is no solution to my case....

@ FrostedSyntax: I don`t know how to do that..could you please mention how you set the margin on left and right of your div tag to auto?

@Technoses: There is no align attribute for element body..So please could you be more clear on where to add align="center"

@zyck: i wonder how this will solve my issue..I tried the wollowing two options and never get a solution:

ASP.NET

<form id="Form1" style="magin:10px auto; with:960px;" method="post" runat="server">
<form id="Form1" style="margin:10px auto; with:960px;" method="post" runat="server">

So what should I do...please advise...

dgthecodeproject · Answer 6 · 2012-02-25T20:05:00

Greetings,

Thx guys for your tries, but I really need this help from you...

I think you`ve already program this..just need to load my webpage created in Visual Studio 2003 (ASP.Net (VB code)) to be in the middle (only horizontally) when it loads in a browser... and this in the sake to have adds (i.e adsense from google) in the left & right sides of my page (content)...

Please advise...

I know you`ve experienced and it may be v.silly but plz provide me with a solution or just a hint....