Forum Moderators: open

Message Too Old, No Replies

Gaps between table cells in IE 7

         

kasonad

6:06 pm on Nov 30, 2006 (gmt 0)

10+ Year Member



Hi guys,
I built this website as a test site for practicing web design with Dreamweaver and using ajax in the html. <url removed> I used 1 table with 3 cell rows. When I view the page in IE7 everything loads well, the links all work well but there are gaps in between the table cells. I'm using dreamweaver 8 by the way. Can someone help me? Here is a copy of the code... Thank you.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tembo Lodge</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/styles.css" type="text/css">
<script type="text/javascript" src="includesys.js"></script>
<script language="JavaScript" type="text/javascript" >

<!--
function includem() {
clientSideInclude('nav','navbar.htm');
clientSideInclude('body','homebody.htm');
clientSideInclude('foot','footer.htm');
}
function main() {
clientSideInclude('body','homebody.htm');
}
function lodge() {
clientSideInclude('body','lodge.htm');
}
function activity() {
clientSideInclude('body','activity.htm');
}
function reservations() {
clientSideInclude('body','reserve.htm');
}
function directions() {
clientSideInclude('body','direction.htm');
}
function about() {
clientSideInclude('body','about.htm');
}
function jobs() {
clientSideInclude('body','jobs.htm');
}
function contact() {
clientSideInclude('body','contact.htm');
}

//-->
</script>

<style type="text/css">

<!--
body {
background-color: #000033;
}

-->
</style></head>

<center><body onload="includem();">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0"><!--DWLayoutTable-->
<tr>
<td width="700" height="100" valign="top" id="nav"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td width="700" height="350" valign="top" id="body"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td width="700" height="50" valign="top" id="foot"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table>
</body></center>
</html>

<Sorry, no personal domains.
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 8:32 pm (utc) on Nov. 30, 2006]

tedster

8:43 pm on Nov 30, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to the forums, kasonad.

Because of the ajax, it's hard to tell what's happenig when the cell content fills in. You may be running into a common issue with the way images are handled in standards mode compared to the way they were handled in quirks mode. IE7 finally gets it right, by the way.

Give the following thread a read - it's important stuff at any rate, and it may help resolve your problem:
[webmasterworld.com...]