I have designed my website using HTML and CSS successfully. I created divs and classes for the entire site and it looks great. But my problem now is I want the page to appear in the center of the page and I have not been able to do it right.

Could someone tell me how to align my page to the center of the screen please.

Thanks in advance!

Menre

Its considered a hack and may not be the correct way to do it, but it always gets the job done for me.

Good luck hope that helps.

Hi,

Use:

This is a cross browser trick.

the

does not work in firefox.

hope this helps you.

add the margin tag to the content you wanna center not the body tag for example:

jono

Usually you have to use both of the above methods. I think that IE doesn’t like the correct way, so the text-align is for it.

Just make sure all other important divs have the text-align set back to left, or some browsers will center everything.

yep - the 1st bit you need for IE.. pain in the ass!

Jono - 15 June 2007 09:13 AM

Hi,

Use:

margin: 0 auto; 

This is a cross browser trick.

the

text-align:center; 

does not work in firefox.

hope this helps you.

add the margin tag to the content you wanna center not the body tag for example:

.examplediv { width: 200px; height: 500px; background: green; border: 1px dashed black; margin: 0 auto; } 

jono

to support

Actually i was looking for that code thanks for the code :D

Thanks to everyone that responded to my question. I have tried out all your suggestions and they actually worked as you said.
Once again, thank you.

Menre