Need Help Centering my index page???

0413 · June 5th, 2007, 10:15 AM

Very new to webdesign and I thought what better way to learn then to design a webpage for my wife. Here is the site www.mommyandmimi.com If you look at the site you will notice that information box is not centered on the page. Does anybody know how to get this centered. Its driving me nuts and I have no way how to fix it. Thanks for listening!

Lee

karinne · June 5th, 2007, 10:21 AM

I'm not really sure I understand what it is that you want centered.

- The site pretty broken up in Firefox. Most of the images don't show up.
- The site doesn't validate. You have 96 errors

- No doctype (which tells the browser how to handle your code)

I could go on and on ...

0413 · June 5th, 2007, 10:47 AM

Hey there,
Thanks for the quick reply. The reason the page has so many problems is because my host is having issues and I have not been able to load anything for 30 hours now. I got to upload the page and then it crashed which is currently leaving me stuck with what I have.

I was basically referring to the centering of the page.......see how the all the text is to the left. I was wondering what I was doing wrong in order to get that to the center of the page.

Thanks everywhere

MikeHopley · June 5th, 2007, 10:54 AM

For centring the page, add this to your stylesheet:

Code:

body {
margin: 0 auto;
}

Often that is not flexible enough. For more control, wrap a <div> around the stuff you want centred, and apply the style to it instead.

Don't have a stylesheet? You'll need to learn about them soon

**EDIT**

I see that you have already tried this, and it didn't work. Want to know why it didn't work? It's because you have no doctype.

You need to fix your site's many errors. To start with, put a correct doctype at the top of the page. This goes before anything else, even the <html> element:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Without this, the method I gave you for centring won't work properly. That's an example of why cleaning up your code is important.

karinne · June 5th, 2007, 11:00 AM

Oh ok .. so just centering the whole site. Yeah you can do the margin: 0 auto on the body or wrapping a div around the whole thing

How to center your site horizontally
body can be used to style too!
Integrating CSS in your website

Depending on how much you want to get into this, you might want to ditch SiteBuilder and start hand-coding your site. WYSIWYG editors like SiteBuilder and Dreamweaver (using the Design View) really generate crappy code and leave you with endless errors.

Using Dreamweaver and the likes

0413 · June 6th, 2007, 09:59 AM

Thanks so much for the help. I was able to get the page centered.......now I can start working on the 8 million errors

Lee

JacobHaug · June 9th, 2007, 02:40 AM

haha...Good luck!