center align a page

[Jeff Thies]

I've got a page with content that I want aligned in the center, with
equal margins on both sides (text, left aligned).

It seems to me that this is a complex thing to get right on most
browsers and required putting the page in a div and then body:
textalign: center
and a few other hacks

There was a site that explained this rather well but I can't seem to
google it up. Where is that?

The page in question is fixed width and image heavy (photos) so it
escapes the normally very good reasons to not center align.

Cheers,
Jeff

[Jim Moe]

Jeff Thies wrote:

I've got a page with content that I want aligned in the center, with
equal margins on both sides (text, left aligned).

div.body { margin-left: auto; margin-right: auto; }
No hacks needed. Even works in IE6.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Spartanicus]

Jeff Thies <je**@spamalanadingong.com> wrote:

I've got a page with content that I want aligned in the center, with
equal margins on both sides (text, left aligned).

There was a site that explained this rather well but I can't seem to
google it up. Where is that?
http://dorward.me.uk/www/centre/

Btw, David: you're a very naughty boy for using browser sniffing.
The page in question is fixed width and image heavy (photos) so it
escapes the normally very good reasons to not center align.

It shouldn't be fixed width, thus there should be no point in centering
it.

--
Spartanicus

[Els]

Jim Moe wrote:

Jeff Thies wrote:

I've got a page with content that I want aligned in the center, with
equal margins on both sides (text, left aligned).

div.body { margin-left: auto; margin-right: auto; }
No hacks needed. Even works in IE6.

If you want it to work in WinIE5 too:
http://locusmeus.com/html-css/centeringpage.html

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

[David Dorward]

Spartanicus wrote:

Btw, David: you're a very naughty boy for using browser sniffing.

I didn't write the script, and when I started using it my JS-foo wasn't good
enough to recognise the problem. I'll probably rewrite it one day.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Spartanicus]

David Dorward <do*****@yahoo.com> wrote:

Btw, David: you're a very naughty boy for using browser sniffing.

I didn't write the script, and when I started using it my JS-foo wasn't good
enough to recognise the problem. I'll probably rewrite it one day.

Server side JS? (I have client side JS disabled)

But the problem isn't the accuracy since browser sniffing is inaccurate
by definition.

--
Spartanicus

[David Dorward]

Spartanicus wrote:

Btw, David: you're a very naughty boy for using browser sniffing.

I didn't write the script, and when I started using it my JS-foo wasn't
good enough to recognise the problem. I'll probably rewrite it one day.

Server side JS? (I have client side JS disabled)
No. Client-side JS. Its a hack to fake support for <abbr> in MSIE.
But the problem isn't the accuracy since browser sniffing is inaccurate
by definition.

Rewrite it so that it does object detection (or uses conditional comments).

I think perhaps we are talking at crosspurposes here. What browser sniffing
do you think I use?
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Spartanicus]

David Dorward <do*****@yahoo.com> wrote:

I think perhaps we are talking at crosspurposes here. What browser sniffing
do you think I use?

Apologies, I thought you were using server side http UA header sniffing
to conditionally serve or deny CSS. I got unstyled content with my
standard setup, this is usually down to my spoofed UA header, but on
closer inspection one of my web page filters is doing unexpected things.

Off to check my filters.

--
Spartanicus