QUOTE(Saint_Michael @ May 12 2007, 10:04 AM)

CODE
<tr id="fill">
<td width="700px">
Navigation<br>
Navigation<br>
Navigation<br>
Navigation<br>
</td>
Why is the width 700px when it is only for the navigation? Where's the content supposed to go to? In fact, looking at the code, there's no room at all for it.
Here's what i did, check it out in IE:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="css.css" type="text/css" rel="stylesheet">
</head>
<body>
<table cellspacing="0" cellpadding="0" width="697" border="0">
<tbody>
<tr>
<td colspan="4"><img src="site_files/header.png" alt=""></td>
</tr>
<tr>
<td class="header2"></td>
<td rowspan="2" style="width: 540px; padding-top: 5px;" valign="top">
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
</td>
</tr>
<tr>
<td class="fill" align="left" valign="top">
Navigation<br>
Navigation<br>
Navigation<br>
Navigation<br>
</td>
</tr>
<tr>
<td colspan="4"><img src="site_files/footer.png" alt=""></td>
</tr>
</tbody>
</table>
</body>
</html>
CSS:
CODE
BODY {
margin-top: 0px;
background: #6b4929;
margin-left: 0px;
}
.fill {
background: url(http://school-stuff.org/test/site_files/fill.png) repeat-y;
width: 157px;
padding-left: 15px;
}
.header2 {
background: url(http://school-stuff.org/test/site_files/header2.png);
background-repeat: no-repeat;
height: 85px;
width: 157px;
}
Reply