Help with centering...

**Anissa** · 01-29-2011, 08:31 PM

This is my problem.
I switched hosts from Homestead to another hosting site. I couldn't transfer my files; so, I had to upload what I had so far in my new layout.
Here is my problem.

Everything is to the left. How do I get it in the middle of the browser? I can't find an answer or explanation that I can understand anywhere.

This is my first time writing code for my site. I am using notepad++ for the coding and uploading it via am ftp program.

www.angelsmuseenterprises.com

Any help would be appreciated.

I've tried the code from this site http://v1.reinspire.net/blog/2005/09...tered_layouts/, and I am either not copying it right, or something else, because the only thing it seems to center is the heading. *sigh*

Does it even need to be centered? Is it unprofessional to have it to the left? <<<That may be a dumb question, but as I said previously, I am really new to this.

Thank you in advance.

**mjtaylor** · 01-30-2011, 08:07 AM

It doesn't look to me as though it needs to be centered.

**williamc** · 01-30-2011, 10:32 AM

simply wrap the entire content from <body> to </body> in its own <div> and center that div

**KatyS** · 01-30-2011, 10:38 AM

Originally Posted by williamc

simply wrap the entire content from <body> to </body> in its own <div> and center that div

I think the div might need a width - otherwise won't the <div> expand to full screen and the parts that are aligned left within it still end up at the left???

(I ask because that was my first thought too and tried doing it on copy of her code and it didn't work)

and I do think centered might look better - or failing that the left margin needs sorting a bit....

**williamc** · 01-30-2011, 10:44 AM

Yep, something like this would work:

<div style="width: 800px; margin-left: auto; margin-right: auto;">

or whatever width the OP needs.

**Anissa** · 01-30-2011, 06:04 PM

As in <div style="width: 800px; margin-left: auto; margin-right: auto;"><body></body></div>? Again, sorry if it's a stupid questions. I just never thought I would be doing this so soon without having workout the kinks first.

**williamc** · 01-30-2011, 06:05 PM

<body> <div style="width: 800px; margin-left: auto; margin-right: auto;"> all content here </div> </body>

**Anissa** · 01-30-2011, 06:13 PM

Originally Posted by williamc

<body> <div style="width: 800px; margin-left: auto; margin-right: auto;"> all content here </div> </body>

I just put that in, and did a test page. It only centered the title of the page. *sigh*

**williamc** · 01-30-2011, 06:14 PM

Hold a few minutes and I will put up a copy of your page that is correct.

**williamc** · 01-30-2011, 06:25 PM

Originally Posted by williamc

Hold a few minutes and I will put up a copy of your page that is correct.

Ok, no I won't. It is the css in your stylesheet that is messing up the centering. You are going to have to build the page with centering in mind and stop everything else from being left aligned before its going to work properly. There are also a lot of tags that are not actually real tags in this markup, you might want to fix that. Things like <nav> </nav> <header> </header> etc.

Thread: Help with centering...

Thread Tools

Display

Help with centering...

Tags for this Thread

Posting Permissions