Mysterious spaces between my navigation and content area....grrr!
Well, I keep getting these spaced between my content area and the navigation buttons.
here is my site currently www.dandytrip.com
If you see, the main home page there is a VERY small line between the main content area and the buttons.
Now go to videos, and the space is even larger since I put the video in the content, causing the content to increase in length.
Any ideas?
Here's the code:
thanks guys.
Code:
<html>
<head>
<title>Dandy Trip</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#sidecontent {
background-color: #333333;
height: 343px;
width: 210px;
}
#content {
background-color: #666666;
height: 343px;
width: 590px;
}
#footer {
background-color: #000000;
height: 30px;
width: 800px;
color: #FFFFFF;
}
.style1 {color: #FFFFFF}
#welcome {
}
body {
background-color: #999999;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Layout2.psd) -->
<table width="800" height="601" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="6">
<img src="images/header.jpg" width="800" height="170" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="file:///C|/Users/Michael/Desktop/My Design/images/home_02.gif" width="800" height="1" alt=""></td>
</tr>
<tr>
<td>
<a href="home.html">
<img src="images/home.gif" width="135" height="53" border="0" alt=""></a></td>
<td>
<a href="thoughts.html">
<img src="images/thoughts.gif" width="162" height="53" border="0" alt=""></a></td>
<td>
<a href="experiences.html">
<img src="images/experiences.gif" width="196" height="53" border="0" alt=""></a></td>
<td colspan="2">
<a href="videos.html">
<img src="images/videos.gif" width="148" height="53" border="0" alt=""></a></td>
<td>
<a href="contact.html">
<img src="images/contact.gif" width="159" height="53" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4"><div id="content"><br><br>Welcome to DandyTrip.com, your source for the latest trip reports.
Here you can research the effects of various substances when consumed by the human body. Our trip reports are presented in both text and video to help the viewer/reader fully understand the experience.
This is a non-profitable and non-bias site. We do not support irresponsible use of drugs of any kind, we simply provide you with a detailed summary of their effects.
<p><center>
</center> </p>
</div></td>
<td colspan="2">
<div id="sidecontent">
<div id="sidecontent2"><img src="images/madhatter.jpg" width="210" height="344"></div>
</div></td>
</tr>
<tr>
<td colspan="6"><div id="footer">
<div align="center">Copyright @ 2009 DandyTrip.com</div>
</div></td>
</tr>
<tr>
<td>
<img src="file:///C|/Users/Michael/Desktop/My Design/images/spacer.gif" width="135" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Michael/Desktop/My Design/images/spacer.gif" width="162" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Michael/Desktop/My Design/images/spacer.gif" width="196" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Michael/Desktop/My Design/images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Michael/Desktop/My Design/images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Michael/Desktop/My Design/images/spacer.gif" width="159" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
