Centering

[ice78991]

Using tables, it is easy to
center the page vertically and horizontally (<table height="100%"> etc) on the screen

How is this best done using css

 

[ca8msm]

For the width, you could use a "container" div and use "margin: 0 auto".


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[ice78991]

Thanks. I'm trying to workk out how to center in terms of the height ? Is there a way which is compatible with all browsers?

 

[ice78991]

or is this one area where it is better to stick to tables?

 

[ice78991]

I have been getting quite close with the following

<div style=" margin-left: 50%; margin-top: 25%">
SomeText
</div>

Not sure why margin-top: 50% goes off screen though.

 

[NeoGreen]

awesome I was about to start a topic on this. Thanks :}

 

[Vragabond]

AFAIK, this is one of the best methods of both horizontal and vertical centering:

http://d-graff.de/fricca/center.html

The example does not have a complete doctype but I have tested it to work with a complete one as well.