Right so, I was slicing a layout earlier after what seems like a year; and due to my addiction to World of Warcraft I’ve forgotten everything I knew about designing websites. Heh. Anyhoo, can someone take a look through this code and tell me why the table breaks when I add content to the content cell? (the one with the background img)
<html>
<head>
<title>Fluid Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#D4EABB" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<p align="center">
<table id="Table_01" border="0" cellpadding="0" cellspacing="0">
<tr><td>
<div align="center">
<table id="Table 1A" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/layout1_03.jpg" width="420" height="161" alt="" /> </td>
</tr>
<tr>
<td>
<img src="images/layout1_05.jpg" width="420" height="12" alt="" /> </td>
</tr>
</table>
</div></td></tr>
<tr><td>
<div align="center">
<table id="Table 1B" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/layout1_06.jpg" width="16" height="15" alt="" /> </td>
<td>
<img src="images/layout1_07.jpg" width="388" height="15" alt="" /> </td>
<td>
<img src="images/layout1_08.jpg" width="16" height="15" alt="" /> </td>
</tr>
<tr>
<td>
<img src="images/layout1_09.jpg" width="16" height="100%" alt="" /> </td>
<td background="images/layout1_10.jpg" valign="top">
sdasdasdasd vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv frrgfdg dfgdf fdg dfg dfg dfg dfg df gdfg dfg df gdf df gdfg dfg dfg df gdfg df gdfg dg d gd gdf gd gdg df gdfg dfg dfg dfg df gdfg fdis fhdfhdiufh sdiuhf siudhfiush fisudhfsiu dhsiduhf isduh fsidu hfsiud fhsdiu hfsiu hfsiuhf </td>
<td>
<img src="images/layout1_11.jpg" width="16" height="100%" alt="" /> </td>
</tr>
<tr>
<td>
<img src="images/layout1_12.jpg" width="16" height="19" alt="" /> </td>
<td>
<img src="images/layout1_13.jpg" width="388" height="19" alt="" /> </td>
<td>
<img src="images/layout1_14.jpg" width="16" height="19" alt="" /> </td>
</tr>
</table>
</div>
</tr>
<div align="center">
</td>
</div>
<tr><td>
<div align="center">
<table id="Table 1C" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/layout1_15.jpg" width="16" height="37" alt="" /> </td>
<td>
<img src="images/layout1_16.jpg" width="388" height="37" alt="" /> </td>
<td>
<img src="images/layout1_17.jpg" width="16" height="37" alt="" /> </td>
</tr>
</table>
</div>
</body>
</html>
