Centering a layer in the window with CSS

[Peter Altenberg]

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

[Chris Leipold]

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;margi n-right:auto;">[...]</div>

Chris

[Els]

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;margi n-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 -

[Chris Leipold]

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

[Els]

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 -

[Chris Leipold]

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

[Brian]

Chris Leipold wrote:

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

Telling users that they're using the wrong software is rather rude,
isn't it? Especially after they were kind enough to invite you into
their web "browser". Oh, and btw, some users -- e.g. those at work --
are stuck with MS software.

--
Brian (remove "invalid" to email me)

[Cezar]

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

[PDannyD]

On Fri, 19 Nov 2004 09:48:28 +0100, Chris Leipold <cl******@dietz k.de>
wrote in message <30************ *@uni-berlin.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

[Frances Del Rio]

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.user Agent.indexOf(' Opera') != -1 ) {
location = "version_of_pg_ for_Opera.html"
}

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