I am confused... I created this page:
And then I created this one:
And there is a space between the nav bar and the image below on the second page, but not the first.
Anyone know why this might be?
Your second link goes to your hard drive, we cannot see that.
A space between the top of a page and the elements on it is usually caused by the default margin being left in place on the <body> tag. To remove it, add the css below...
As Jon said, we can't see your second link unless you ship your computer to us.
Another thing to look for in code view is an empty paragraph, heading or break tag between your nav & image. Any of those will create white space.
On lines 76 and 77, you have 2 <br /> tags. Remove them.
Also validate code and fix your errors. http://validator.w3.org/
<div align="center"> is deprecated in HTML4.01 and not supported by HTML5.
See Centering Pages, Images and other elements with CSS
As Nancy said, "center" tag is deprecated.
To center your content horizontally on your page, use this:
margin: 0 auto;
Replace Line 38 with:
That should center your content horizontally while keeping the main width at 950px.
Do not use <br> tags. Use <div> only and use clear tags in CSS to clear your spacing.