I am trying to move my navigation sidebar up over the header image, this works fine, using relative position, and a -330 top setting. However, it does not move up the whole div, leaving a large empty space below the div, where it would be without the -330 setting.
http://pinondevelopment.com/New/Screenshot.jpg
The green area at the bottom is the empty space that I cannot remove.
The site can be seen here:
http://pinondevelopment.com/New/
I am pretty sure the difficulty and solution lives in this css id
In the #menu change margin: 0px to margin-bottom: -300px to remove the extra space.
There are a few other errors that cause the site not to validate apart from the Flash which you might like to check.
You have written <div id=footer> instead of <div id="footer">
You also have an empty div tag just below this line: <a href="#"><img src="images-site/High-Performance-Homes.png" alt="High Performance Living" width="225" height="282" border="0" /></a>
I am trying to move my navigation sidebar up over the header image, this works fine, using relative position, and a -330 top setting. However, it does not move up the whole div, leaving a large empty space below the div, where it would be without the -330 setting.
http://pinondevelopment.com/New/Screenshot.jpg
The green area at the bottom is the empty space that I cannot remove.
The site can be seen here:
http://pinondevelopment.com/New/
I am pretty sure the difficulty and solution lives in this css id
#menu {float: left;
position: relative;
width: 250px;
top: -330px;
left: 5px;
background-image: url(images-menu/Menu-Background.png);
background-repeat: no-repeat;
background-position: center top;
z-index: 20;
margin: 0px;
padding: 0px;
}
I have played with changing the order of the header and menu divs, but get the same issue, except I have to move the header div up a bunch.
Thank you in advance for any suggestions.
Mark
There are a few other errors that cause the site not to validate apart from the Flash which you might like to check.
You have written <div id=footer> instead of <div id="footer">
You also have an empty div tag just below this line:
<a href="#"><img src="images-site/High-Performance-Homes.png" alt="High Performance Living" width="225" height="282" border="0" /></a>
Thank you for the quick response, and welcome to the community.
I will work out the validation on Monday.
Thanks again, mark