Skip to main content
W
webtime
Participant
November 8, 2006
Answered

Centering webpage to middle of browser

  • November 8, 2006
  • 5 replies
  • 472 views


Hello,

I designed my web page for 800 x 600 screen resolution.

When a viewer to my webpage has set their screen to a higher resolution, say 1152 x 864, my web page moves to the left hand side of the screen leaving a blank space on the right.

How can I get my web page to stay in the center, i.e. middle of the screen, when a higher resolution is used by the viewer. I have noticed that microsoft.com has managed this when my resolution is set higher than 800 x 600.

Thanks for any help.

Webtime
This topic has been closed for replies.
Correct answer Newsgroup_User
Use a table that is set to center align for the site?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"webtime" <webforumsuser@macromedia.com> wrote in message
news:eit96n$92t$1@forums.macromedia.com...
>
>
> Hello,
>
> I designed my web page for 800 x 600 screen resolution.
>
> When a viewer to my webpage has set their screen to a higher resolution,
> say
> 1152 x 864, my web page moves to the left hand side of the screen leaving
> a
> blank space on the right.
>
> How can I get my web page to stay in the center, i.e. middle of the
> screen,
> when a higher resolution is used by the viewer. I have noticed that
> microsoft.com has managed this when my resolution is set higher than 800 x
> 600.
>
> Thanks for any help.
>
> Webtime
>


5 replies

N
Newsgroup_User
Inspiring
November 14, 2006
Good luck!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"webtime" <webforumsuser@macromedia.com> wrote in message
news:ejcchm$62g$1@forums.macromedia.com...
> Hello,
>
> Thanks for your help Murray and Joe. The center alignment of a table was
> the
> easiest solution to implement since all my web pages comprised an outer
> table
> with cells inside. Centering the outer table thus 'centered' each page.
>
> Thanks again for both your contributions.
>
> Webtime.
>
>


W
webtimeAuthor
Participant
November 14, 2006
Hello,

Thanks for your help Murray and Joe. The center alignment of a table was the easiest solution to implement since all my web pages comprised an outer table with cells inside. Centering the outer table thus 'centered' each page.

Thanks again for both your contributions.

Webtime.
N
Newsgroup_User
Inspiring
November 8, 2006
body { text-align:center; }

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Joe Makowiec" <makowiec@invalid.invalid> wrote in message
news:Xns98759F907CF4AmakowiecatnycapdotrE@216.104.212.96...
> On 08 Nov 2006 in macromedia.dreamweaver.appdev, webtime wrote:
>
>> I designed my web page for 800 x 600 screen resolution.
>>
>> When a viewer to my webpage has set their screen to a higher
>> resolution, say
>> 1152 x 864, my web page moves to the left hand side of the screen
>> leaving a blank space on the right.
>>
>> How can I get my web page to stay in the center, i.e. middle of the
>> screen,
>> when a higher resolution is used by the viewer. I have noticed that
>> microsoft.com has managed this when my resolution is set higher than
>> 800 x 600.
>>
>
> <style>
> #wrapper {
> /* if you're designing for 800 px width, you have to go somewhat
> narrower to allow for chrome, scroll bars, etc */
> width : 760px ;
> margin : 0 auto ;
> }
> </style>
> ...
> <body>
> <div id="wrapper">
> <!-- content goes here -->
> </div>
> </body>
>
> --
> Joe Makowiec
> http://makowiec.net/
> Email: http://makowiec.net/email.php


N
Newsgroup_User
Inspiring
November 8, 2006
On 08 Nov 2006 in macromedia.dreamweaver.appdev, webtime wrote:

> I designed my web page for 800 x 600 screen resolution.
>
> When a viewer to my webpage has set their screen to a higher
> resolution, say
> 1152 x 864, my web page moves to the left hand side of the screen
> leaving a blank space on the right.
>
> How can I get my web page to stay in the center, i.e. middle of the
> screen,
> when a higher resolution is used by the viewer. I have noticed that
> microsoft.com has managed this when my resolution is set higher than
> 800 x 600.
>

<style>
#wrapper {
/* if you're designing for 800 px width, you have to go somewhat
narrower to allow for chrome, scroll bars, etc */
width : 760px ;
margin : 0 auto ;
}
</style>
...
<body>
<div id="wrapper">
<!-- content goes here -->
</div>
</body>

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php
N
Newsgroup_UserCorrect answer
Inspiring
November 8, 2006
Use a table that is set to center align for the site?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"webtime" <webforumsuser@macromedia.com> wrote in message
news:eit96n$92t$1@forums.macromedia.com...
>
>
> Hello,
>
> I designed my web page for 800 x 600 screen resolution.
>
> When a viewer to my webpage has set their screen to a higher resolution,
> say
> 1152 x 864, my web page moves to the left hand side of the screen leaving
> a
> blank space on the right.
>
> How can I get my web page to stay in the center, i.e. middle of the
> screen,
> when a higher resolution is used by the viewer. I have noticed that
> microsoft.com has managed this when my resolution is set higher than 800 x
> 600.
>
> Thanks for any help.
>
> Webtime
>


Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices