Announcement

**AliIsBest1** · Sep 8, 2011, 07:57 PM

have you tried using the margin or padding option?

**echoh** · Sep 8, 2011, 08:08 PM

I haven't. Not sure what that option is, could you explain please?

**AliIsBest1** · Sep 8, 2011, 08:16 PM

Yer sure
Ok there should be properties on the right side, where your Div's are
Click add an option then add a padding or Floating setting to the center you content

For more information, type the names of these properties in google , this should give you a proper explanation for these function types.

**teedoff** · Sep 8, 2011, 08:22 PM

change:

Code:

#everything {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

To this:

Code:

#everything {
    margin: 0 auto;
    width: 960px;
}

Also, to expect cross browser compliance, you NEED a valid doctype.
<html> alone is not enough.

**echoh** · Sep 8, 2011, 08:33 PM

Originally posted by teedoff View Post

change:

Code:

#everything {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

To this:

Code:

#everything {
    margin: 0 auto;
    width: 960px;
}

Also, to expect cross browser compliance, you NEED a valid doctype.
<html> alone is not enough.

Thank you so much!! It worked, I also put in the doctype. Appreciate it!

**teedoff** · Sep 8, 2011, 08:46 PM

Glad to help. I might also suggest you monitor your coding errors. You have just a few, which since you added a valid doctype, might be more or less. But, since your new and learning, you should validate your code throughout the development phase. Clean valid code makes debugging MUCH easier when things DO go wrong.

You can validate here.

Announcement

Website not centered in Firefox but centered in IE?

Website not centered in Firefox but centered in IE?

Comment

Comment

Comment

Comment

Comment

Comment