can't get content centered

[saputello]

hello

i am dying to get this page to look right. i seem to have tried everything, but don't see why the banner, footer and content don't sit perfectly centered on the page. Everything measures 800px wide, but it looks different on firefox as opposed to safari and opera. It looks different still in IE. please help! The rest of the page isn't finished, so not to worry about the links etc!


http://www.nostramerica.com/course2.html

thank you my savior!!

[drhowarddrfine]

Remove the closing slash
<style type="text/css" />

You are trying to align your background image to the foreground container but the image is uneven.

[saputello]

thank you for taking the time to reply to me! i have since fixed the bg image.

the image is 1600px wide, and i have an 800px banner so there should be an even 400px on each side of the container. somehow it's off... it's perfect on firefox, but on safari and opera it doesn't fit right.

thanks again!

[Death Slaught]

I don't have time to look at your code right now, but your page displays perfectly centered in my Opera. I don't have Safari on this computer, but I'll check it in a few minutes on my other one.

Thanks, Death

[saputello]

i guess you're right about opera. i haven't seen it in ie yet but in safari it's definitely off.

[Death Slaught]

It's fine in IE as well. I checked on my Safari and the only problem I see is that your navagation is off a little. Try decreasing the width of the container by a pixel.

Thanks, Death

PS - I just noticed that it's a giant image. You could move it to the right a pixel but I'm not sure how this would affect the other browsers.

[saputello]

i can't thank you enough! i struggled and struggled on that, messing with the bg image and every div other than the container!!!!!!

it can take so long just to get past such a minor problem! thanks very much man.

[Death Slaught]

No problem, it's what I'm here for.

Thanks, Death