Looking for someone familiar with v1 profile coding

[Ninja Infinity]

Can someone help me with two issues I have with the profile I made?
1. I typed in #site {margin-left:auto;margin-right:auto;} but if you look at my profile, it's not exactly centered. Is there some way to fix this?
2. There is a bit of extra space on the bottom that's just the background. Is there some way to make that space disappear so you don't have to scroll on my profile? (Or someway to disable scrolling on my profile? My resolution is 1920x1080 if that helps.

[Horntastic]

1. You need to define a width for #site for it to center right, right now it's just at the Gaia default of 700-ish.
I think you need 950px, the size of your content area.

2. There is padding on your #content area, and that's extending the area a bit causing most of the extra space. Additionally, there is a margin on top and on bottom of #site causing the rest of it. So:
#content { padding: 0; }
#site { margin-top: 0; margin-bottom: 0; }
A lot of sections have padding and/or margins by default; they can mess with your calculated heights/widths.

[Ninja Infinity]

Horntastic

1. You need to define a width for #site for it to center right, right now it's just at the Gaia default of 700-ish.
I think you need 950px, the size of your content area.

2. There is padding on your #content area, and that's extending the area a bit causing most of the extra space. Additionally, there is a margin on top and on bottom of #site causing the rest of it. So:
#content { padding: 0; }
#site { margin-top: 0; margin-bottom: 0; }
A lot of sections have padding and/or margins by default; they can mess with your calculated heights/widths.

Thank you so much for the reply. Number 1 worked perfectly! I typed in
#content { padding: 0; }
#site { margin-top: 0; margin-bottom: 0; }
but it's still not working.. Hmm..

[Horntastic]

Ninja Infinity

Oh I forgot, your monitor is like really big. It works on mine right now. (1280x800)
Ok so what I think you can do is this:
1. Take your content background (the one that has your name on it) Crop - not resize - it down to 1px high but keep the same width, this will create a gradient you can use to form a vertically-repeatable background.
2. Set the yellow/red background to html instead of body.
3. Set your 1px tall gradient to body, make it repeat only vertically, and center it.
So your new background codes:
html { background: url(yellow_red_image); }
body { background: url(1px_gradient) center repeat-y; }
Leave your #content bg as it is.

Does that work?

[Ninja Infinity]

Horntastic

Ninja Infinity

Oh I forgot, your monitor is like really big. It works on mine right now. (1280x800)
Ok so what I think you can do is this:
1. Take your content background (the one that has your name on it) Crop - not resize - it down to 1px high but keep the same width, this will create a gradient you can use to form a vertically-repeatable background.
2. Set the yellow/red background to html instead of body.
3. Set your 1px tall gradient to body, make it repeat only vertically, and center it.
So your new background codes:
html { background: url(yellow_red_image); }
body { background: url(1px_gradient) center repeat-y; }
Leave your #content bg as it is.

Does that work?

Wow you are amazing.. Thanks you so much, it worked perfectly! ^__^