I have two similiar web pages, yet one shows a gap between the main page and the header. can you help me close the gap? When viewed this page has a horizontal space between the header portion of the page and the content portion of the page. I've attched an image that shows the brown colored gap between the white header and white main page. The brown is the background color also. <html> <head> <title></title> <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <meta http-equiv="Expires" content="0"> <meta name="description" content="" > <meta name="keywords" content="" > <link href="custom.css" rel="stylesheet" type="text/css" /> </head> <body> <table cellpadding="0" width="770" height="50%" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b" align="center"> <td rowspan="30" valign="top" width="174" bgcolor="#A30100"><font color="white"><font face="Arial"> __________________</font> <font color="white"><font face="Arial"> __________________</font> <br><br> <td> <br><br></td> <form method="POST" action="index.php"> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='signup'> <tr><td colspan='2' class='pageTitle'><div class='hLine'><b><font face="Arial" color="#EE7600" size="3"> Select The Payment Button Below To Continue</b></font></div></td></tr> <tr><td> </td></tr> <tr> <td class='fieldLabel' width="30%"> <font face="Arial" color="#A30100" size="2"><b> Transaction Type:</b></font></td> <td align="left" class='text' ><b>[account_type_title]</b></td> </tr> <tr> <td class='fieldLabel' width="30%"><font face="Arial" color="#A30100" size="2"><b> Price:</b></font></td> <td align="left" class='text' ><b>$ [price]</b></td> </tr> <tr> <td class='fieldLabel' width="30%"> <font face="Arial" color="#A30100" size="2"><b> Subscription Period:</b></font></td> <td align="left" class='text' ><b><font face="Arial" color="#000000" size="2">[period]</b> (month)</font></td> </tr> <tr valign="top" height='55px' '> <td valign="top" class='fieldLabel' width="30%"> </td> <td valign="top"> <p><font face="Arial" color="#000000" size="2"> [payment_code]</font></p></td> </tr> <tr><td> </td></tr><tr><font face="Arial" color="#000000" size="2"></font> </form> </table> </body> </html> Code (markup): When viewed this page below is flush up against the header portion, with no horizontal gap in between. Can you help me remove the gap from the code/page above? <html> <head> <title></title> <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <meta http-equiv="Expires" content="0"> <meta name="description" content="" > <meta name="keywords" content="" > <link href="custom.css" rel="stylesheet" type="text/css" /> </head> <body> <table cellpadding="0" width="770" height="50%" cellspacing="0" bgcolor="#FFFFFF" style="border-right: solid 1px #6b6b6b" align="center"> <td rowspan="30" valign="top" width="174" bgcolor="#A30100"><font color="white"><font face="Arial"> __________________</font> <font color="white"><font face="Arial"> __________________</font> <br><br> <td> </td> <td> </td> <td> </td> <td> <br><br><br><br><br> </td> <form method="POST" action="index.php"> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='renew'> <input class='field' type='hidden' name='account_id' value='[account_id]'> <tr><td colspan='2' class='pageTitle'><div class='hLine'><font face="Arial" color=#EE7600" size="3" Style="padding: 5px;"> Choose A Transaction</div></td></tr> <tr><td> </td></tr> <tr> <td class='fieldLabel' width="30%"><font face="Arial" color=#000000" size="3" Style="padding: 5px;"> Transaction Type:</td> <td align="right">[account_type_panel]</td></tr> <tr> <tr><td> </td></tr> <tr><td align="left"> </td> <td align="left"><input name="submit" type='submit' class='button' value='Next' /> </td> </tr> </form> <tr height='80%' ><td colspan="2"><div class='hLine'> </div></td></tr> </table> <table cellpadding="0" cellspacing="0" width="770" align="center"> <tr> </tr> <tr> </tr> </table> </body> </html> Code (markup):
It's probably here: <td rowspan="30" valign="top" width="174" bgcolor="#A30100"><font color="white"><font face="Arial"> __________________</font> <font color="white"><font face="Arial"> __________________</font> <br><br> <td> <br><br></td> HTML: The first <td> tag isn't closed and you've got all the line breaks too.