For instance, if a style-sheet is defined as

..maintext {width:35em; background-color:white;}
body {background-color:gray;}

And the HTML is:

<div class="maintext">

some text

</div>

How do I get everything in (the white box) div element to
automatically center itself in the (gray) browser window, regardless
of size of window, zoom setting, etc.? I've tried margin and padding
percentages, but nothing works.

On 28 Sep 2003 18:40:57 -0700, bsharvy@mac.com (Ben Sharvy) wrote:
[color=blue]
>For instance, if a style-sheet is defined as
>
>.maintext {width:35em; background-color:white;}
>body {background-color:gray;}
>
>And the HTML is:
>
><div class="maintext">
>
>some text
>
></div>
>
>How do I get everything in (the white box) div element to
>automatically center itself in the (gray) browser window, regardless
>of size of window, zoom setting, etc.? I've tried margin and padding
>percentages, but nothing works.[/color]


Add this declaration to .maintext

margin: auto;

This will set allow a defined-width container to have equal left and
right margins, which will center it, at least in browsers that are
somewhat css-compliant.

Nick

--
Nick Theodorakis
nick_theodorakis@hotmail.com
nicholas_theodorakis [at] urmc [dot] rochester [dot] edu

Ben Sharvy wrote:
[color=blue]
> How do I get everything in (the white box) div element to
> automatically center itself in the (gray) browser window, regardless
> of size of window, zoom setting, etc.? I've tried margin and padding
> percentages, but nothing works.[/color]

This should be simple, but MSIE has bugs, so it gets a little complicated.
http://dorward.me.uk/www/centre/ has the full story.

--
David Dorward http://dorward.me.uk/