Big gap in div

[auntypizza]

Hi,

I have 3 divs - middle div suddenly has a big gap at the top. How to remove all the space?

http://www.astrosense. net/craft/
All the space above the heading "Craft Hatch Photos"

Thanks, in advance

[johny10151981]

Well, I tried with 3 different browser. didnt get the clue of your problem.

If you see any space above "Craft Hatch Photos". All I see is a single line space

[TheServant]

It's helpful if you post relavent code (in [code] tags), so we don't have to sift through all the HTML.

I just looked at it in IE7, and I cannot see what you mean. I cannot see any "big" gaps on the top?

I am not sure what you're seeing, but maybe a negative margin would help:

margin-top: -10px;

[auntypizza]

Re: big gap

Thanks for your help.

Just realised the div was too wide, so made it smaller.
That fixed it.

Do you know how to center the middle div but not center the contents?

Thanks again

[TheServant]

Use CSS:

margin: 0 auto;

If you can't get it to work, please post the relavent CSS & HTML for that <div>.

[bushnellweb]

make <div id="middle">: <div id="middle" align="center">
then under that div make another div <div align="left">
and i couldn't sift through all the code to find where to put the </div>(end tag) but make sure you place it correctly. I also noticed towards the bottom of the page you might be missing a quote or a carrot so just check that out.

[TheServant]

We do not encourage you to use HTML for layout, such as align="center", <center>, or tables. This is not good coding, is difficult to update, and is not perfect on all browsers. It's up to you, but there are CSS solutions so you don't need to use HTML.