Need help with CSS or HTML, can't find my error.?

Question

I found a layout I really like for my on-line blog, but it was aligned to the left of the page. I tweaked the code very minimally to align everything to the center of the "page", but now there is a huge gap between the top image and the blog body. I can't figure out why it's doing this, or how to fix it. Any ideas?

Here is the code, including my own modifications (sorry it's all bunched up) & please ignore the places that say "LINK", Yahoo Answers wouldn't let me post more than 10 -

Header HTML

Three answers:

2008-08-21 07:09:52 UTC

Trying to read this from Yahoo is very difficult. Can you post a link to the page? I have a tool in firefox that allows me to read CSS, so seeing the actual page would make diagnosing the problem easier.

Arkane Steelblade

2008-08-21 14:54:10 UTC

Majority of times, check your positioning. If you have a div within a div make sure the position is relative to the parent div. Also see how it renders in other browsers try, IE, Mozilla, Opera..etc It can also be a browser specific issue.

Chris C

2008-08-21 14:34:15 UTC

I agree with the first poster. You need to provide a link that we can get to so we can see the whole thing.

The ellipses that Yahoo inserts mess it all up.

ⓘ

This content was originally posted on Y! Answers, a Q&A website that shut down in 2021.

Answer 1

Trying to read this from Yahoo is very difficult. Can you post a link to the page? I have a tool in firefox that allows me to read CSS, so seeing the actual page would make diagnosing the problem easier.

Answer 2

Majority of times, check your positioning. If you have a div within a div make sure the position is relative to the parent div. Also see how it renders in other browsers try, IE, Mozilla, Opera..etc It can also be a browser specific issue.

Answer 3

I agree with the first poster. You need to provide a link that we can get to so we can see the whole thing.

The ellipses that Yahoo inserts mess it all up.