Centering a layer in the window with CSS

is there some way to make the positioning of a layer (div) so that it
is centered in the window. so even when you resize the window it stays
centered? i would like to do this with CSS just like you can with
tables.

thanks,
~peter

Hi,

is there some way to make the positioning of a layer (div) so that it
is centered in the window. so even when you resize the window it stays
centered? i would like to do this with CSS just like you can with
tables.

First, a layer is not a div. (There once was a layer-element, so don't
mix them up).

Centering a div should work like this:
<div style="margin-left:auto;margin-right:auto;">[...]</div>

Chris

Chris Leipold wrote:

Hi,

is there some way to make the positioning of a layer (div)
so that it is centered in the window. so even when you
resize the window it stays centered? i would like to do
this with CSS just like you can with tables.

First, a layer is not a div. (There once was a
layer-element, so don't mix them up).

Centering a div should work like this:
div
style="margin-left:auto;margin-right:auto;">[...]</div

That doesn't work in IE5 for Windows.
http://locusmeus.com/html-css/centeringpage.html

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Hi,

That doesn't work in IE5 for Windows.
http://locusmeus.com/html-css/centeringpage.html
omg. Kick IE5 for windows. Use Conditional Comments to kick IE5-users to

www.getfirefox.com

Chris Leipold wrote:

Hi,

That doesn't work in IE5 for Windows.
http://locusmeus.com/html-css/centeringpage.html

omg. Kick IE5 for windows. Use Conditional Comments to kick
IE5-users to www.getfirefox.com

Conditional Comments? As in: Opera being kicked too, just cause
it identifies as IE? Nah, I prefer to make a simple adjustment
to include those users :-)

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Hi Els,

Conditional Comments? As in: Opera being kicked too, just cause
it identifies as IE? Nah, I prefer to make a simple adjustment
to include those users :-)
Opera does not recognize CCs. You can therefore use them savely. And you

should read what they are and what they do.

Chris

Peter Altenberg napisał(a):

is there some way to make the positioning of a layer (div) so that it
is centered in the window. so even when you resize the window it stays
centered? i would like to do this with CSS just like you can with
tables.

This may help You:
http://css-discuss.incutio.com/?page...ngBlockElement

--
Regards,
Cezar

On Fri, 19 Nov 2004 09:48:28 +0100, Chris Leipold <cleipold (AT) dietzk (DOT) de>
wrote in message <305qaoF2t1f2tU2 (AT) uni-berlin (DOT) de>:

Hi,

That doesn't work in IE5 for Windows.
http://locusmeus.com/html-css/centeringpage.html
omg. Kick IE5 for windows. Use Conditional Comments to kick IE5-users to
www.getfirefox.com

:-)

Or something more polite like "You are using an out-dated browser. It is
recommended you download the latest patches and updates for a better
browsing experience and greater security and stability.
Alternatively, have you considered <insert-favourite-browser-name-here>?"

--
FZS600 - Silver/Black
GS125 - Black/Rust
Ford 100E Prefect - Black, naturally
Whisky - Aberlour Cask Strength

Peter Altenberg wrote:

is there some way to make the positioning of a layer (div) so that it
is centered in the window. so even when you resize the window it stays
centered? i would like to do this with CSS just like you can with
tables.

I know some people will yell and scream that this is not orthodox way to
do it, but this is what I do when I need to center a div and it always
works (IE and Netscape anyway..) it does involve tables, but it's the
only sure way I have found to center divs, take it or leave it:

http://www.francesdelrio.com/index_center_div.html

this is what I do:

<div id="stuff" style="position:absolute; top:80px; left:0px">
<table border=1 cellpadding=0 cellspacing=0 width="100%">
<tr><td align=center>

content of div goes here...
(which can be another table with whatever width you want.. and it
will be centered..)

</td></tr></table>
</div>

I left table borders on so you better see what I did.. I'm afraid it
doesn't work in Opera b/c Opera does not respect table wdth of 100% (so
if I do want my pg to work in Opera I do a diff. version where div is
not strictly centered (or do it w/tables-only for Opera) and direct pg
to diff. version with a browser-detection script..

if (navigator.userAgent.indexOf('Opera') != -1 ) {
location = "version_of_pg_for_Opera.html"
}

good luck..... HTH... Frances