Layers alignment

I have a page put together with layers. I have made the width of the page
less than 800 (just) so that it fits for a user with an 800 by 600 screen.

The page as a whole is left aligned. When a user has a screen larger than
800 I would like everything to be centred.

Since I am using layers, how do I do this?

Can I put everything in another layer? But then layers have to be
positioned.

Can I put everything in a simple DIV tag with a center property? Then the
layers positioning will be relative to the DIV. Will this work?

Thanks,
Stephen

On Thu, 8 Jan 2004 11:00:24 -0000, "Stevio" <redeagle (AT) freeuk (DOT) com> wrote:

I have a page put together with layers. I have made the width of the page
less than 800 (just) so that it fits for a user with an 800 by 600 screen.

Or not, as the case may be. See
http://www.xs4all.nl/~sbpoley/webmat...lexdesign.html

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

On Thu, 8 Jan 2004 11:00:24 -0000, Stevio declared in
comp.infosystems.www.authoring.site-design:

I have a page put together with layers.

What are layers?
http://dorward.me.uk/www/layers

--
Mark Parnell
http://www.clarkecomputers.com.au

Stevio wrote:

I have a page put together with layers. I have made the width of the page
less than 800 (just) so that it fits for a user with an 800 by 600 screen.

As others have pointed out, the best design option is to allow
flexibility. Pages should (ideally) be viewable in /any/ size of
screen. Also bear in mind that many people don't maximise their
browser window.

The page as a whole is left aligned. When a user has a screen larger than
800 I would like everything to be centred.

Since I am using layers, how do I do this?

I assume you mean CSS positioned <div>s?

Can I put everything in another layer? But then layers have to be
positioned.

Can I put everything in a simple DIV tag with a center property? Then the
layers positioning will be relative to the DIV. Will this work?

You could try wrapping the whole thing in one more <div id="main"> with

div#main {
margin-left: auto;
margin-right: auto;
}

I can't guarantee its success though. It depends on how the rest of
the page is positioned (relative or absolute). If you provide a URL I
could give more pointers.

However, as everyone else (seemingly) has said, fluid design would be
better.

--
Rory Parle
<http://www.soylentred.net/>