No Centering!

MrNah · 08-09-2008, 09:58 PM

Hey all,
I recently purchased some webspace and created a webpage with Microsoft Publisher. Nothing super specail but it made me a webpage that does the trick! When the page is loaded on any computer it doesnt center itself of the internet browser. rather it is stuck to the left side. I'm not 100% sure on how to fix this. I tried going into the html and putting <center> </center> right between <html> and <body> but that sure didnt work. Anyone know the trick?

jnjc · 08-10-2008, 12:34 AM

Can you post the URL of your website.

Streamline · 08-10-2008, 01:52 AM

Simple problem to fix.

In your body css type in:

Code:

text-align: center;

Then your your wraping Div or table CSS put:

Code:

margin: 0 auto;

adamblan · 08-10-2008, 05:29 AM

To add to Streamline's solution:

If you define a width < 100% for the containing <div> and set it's side margins to auto, this will center the div.

Setting text alignment to center will center the content within that div.

So:

<div style="width:800px; margin:auto; text-align:center">
<p> Your centered content</p>
</div>

joe · 08-11-2008, 05:57 PM

Quote:

Originally Posted by MrNah

Hey all,
I recently purchased some webspace and created a webpage with Microsoft Publisher. Nothing super specail but it made me a webpage that does the trick! When the page is loaded on any computer it doesnt center itself of the internet browser. rather it is stuck to the left side. I'm not 100% sure on how to fix this. I tried going into the html and putting <center> </center> right between <html> and <body> but that sure didnt work. Anyone know the trick?

I know it's not the official way to do things, but sometimes the easiest. The center tags should go after <body> tag. Might place <center> right after <body> and </center> right before </body>

08-09-2008, 09:58 PM	#1 (permalink)
MrNah New Member Join Date: Aug 2008 Posts: 1	No Centering! Hey all, I recently purchased some webspace and created a webpage with Microsoft Publisher. Nothing super specail but it made me a webpage that does the trick! When the page is loaded on any computer it doesnt center itself of the internet browser. rather it is stuck to the left side. I'm not 100% sure on how to fix this. I tried going into the html and putting <center> </center> right between <html> and <body> but that sure didnt work. Anyone know the trick?

08-10-2008, 12:34 AM	#2 (permalink)
jnjc Moderator Join Date: Jun 2008 Posts: 365	Can you post the URL of your website. __________________ www.solasit.com.au Website Design and Development Melbourne, Australia

08-10-2008, 01:52 AM	#3 (permalink)
Streamline New Member Join Date: Aug 2008 Posts: 1	Quick fix... Simple problem to fix. In your body css type in: Code: text-align: center; Then your your wraping Div or table CSS put: Code: margin: 0 auto;

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

08-10-2008, 05:29 AM	#4 (permalink)
adamblan Silver Member Join Date: Aug 2008 Location: Lake Tahoe Posts: 194	To add to Streamline's solution: If you define a width < 100% for the containing <div> and set it's side margins to auto, this will center the div. Setting text alignment to center will center the content within that div. So: <div style="width:800px; margin:auto; text-align:center"> <p> Your centered content</p> </div>