Hi all,<br />
If you take a look at the following code can anyone tell me how to place a table at the bottom of the existing tables and span there combined widths.<br />
This newly created table will load last with the other three tables loading from left to right.<br />
<br />
Cheers,<br />
camcim<br />
<br />
<br />
<HTML><br />
<HEAD><br />
</HEAD><br />
<BODY background="motoring2.gif"><br />
<div align="left"></div><br />
<br />
<div align="left"><br />
<table border="0" width="120" cellspacing="0" cellpadding="4" bgcolor="#FFFFFF" align="left" height="100%"><br />
<tr><br />
<td width="100%" valign="top" align="left"> </td><br />
</tr><br />
</table><br />
</div><br />
<div align="left"><br />
<br />
<!-- main centre navy panel --><br />
<br />
<table border="0" width="510" height="100%" cellspacing="0" cellpadding="2" bgcolor="#FFFFFF" align="left"><br />
<tr><br />
<td width="100%" valign="top" align="left"><br />
<table border="0" width="100%" height="100%" bgcolor="#000066" cellspacing="0"><br />
<tr><br />
<td width="100%"> </td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<!-- right side panel --><br />
<br />
<table border="0" width="130" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" align="left" height="100%"><br />
<tr><br />
<td width="100%" valign="top" align="center"> </td><br />
</tr><br />
</table><br />
<br />
<br />
<!-- bottom automotive text --><br />
<br />
<!-- NEED A TABLE TO GO HERE, AT THE BOTTOM OF ALL THE OTHER TABLES. THIS TABLE WOULD BE LAST TO LOAD --><br />
<br />
</BODY></HTML><!--content-->this is one way, although a sinlge table might be best, its not possible to say without seeing your content. The height attribute of tables is not well supported, I would avoid assigning heights if at all possible.<br />
<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br />
<br />
<html><br />
<head><br />
<title>Untitled</title><br />
</head><br />
<br />
<BODY background="motoring2.gif"><br />
<br />
<table width="100%" border="0" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td align="center" valign="top" width="33%"><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="red" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td><td align="center" valign="top" width="33%"><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="blue" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td><td align="center" valign="top" width="33%"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="yellow" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td></tr><br />
<tr><td colspan="3"> <br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="green" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td><br />
</tr><br />
</table><br />
<br />
</BODY></HTML><!--content-->
If you take a look at the following code can anyone tell me how to place a table at the bottom of the existing tables and span there combined widths.<br />
This newly created table will load last with the other three tables loading from left to right.<br />
<br />
Cheers,<br />
camcim<br />
<br />
<br />
<HTML><br />
<HEAD><br />
</HEAD><br />
<BODY background="motoring2.gif"><br />
<div align="left"></div><br />
<br />
<div align="left"><br />
<table border="0" width="120" cellspacing="0" cellpadding="4" bgcolor="#FFFFFF" align="left" height="100%"><br />
<tr><br />
<td width="100%" valign="top" align="left"> </td><br />
</tr><br />
</table><br />
</div><br />
<div align="left"><br />
<br />
<!-- main centre navy panel --><br />
<br />
<table border="0" width="510" height="100%" cellspacing="0" cellpadding="2" bgcolor="#FFFFFF" align="left"><br />
<tr><br />
<td width="100%" valign="top" align="left"><br />
<table border="0" width="100%" height="100%" bgcolor="#000066" cellspacing="0"><br />
<tr><br />
<td width="100%"> </td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<!-- right side panel --><br />
<br />
<table border="0" width="130" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" align="left" height="100%"><br />
<tr><br />
<td width="100%" valign="top" align="center"> </td><br />
</tr><br />
</table><br />
<br />
<br />
<!-- bottom automotive text --><br />
<br />
<!-- NEED A TABLE TO GO HERE, AT THE BOTTOM OF ALL THE OTHER TABLES. THIS TABLE WOULD BE LAST TO LOAD --><br />
<br />
</BODY></HTML><!--content-->this is one way, although a sinlge table might be best, its not possible to say without seeing your content. The height attribute of tables is not well supported, I would avoid assigning heights if at all possible.<br />
<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br />
<br />
<html><br />
<head><br />
<title>Untitled</title><br />
</head><br />
<br />
<BODY background="motoring2.gif"><br />
<br />
<table width="100%" border="0" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td align="center" valign="top" width="33%"><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="red" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td><td align="center" valign="top" width="33%"><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="blue" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td><td align="center" valign="top" width="33%"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="yellow" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td></tr><br />
<tr><td colspan="3"> <br />
<br />
<table border="0" cellspacing="0" cellpadding="0" bgcolor="green" width="100%"><br />
<tr><br />
<td>test</td><br />
</tr><br />
</table><br />
<br />
</td><br />
</tr><br />
</table><br />
<br />
</BODY></HTML><!--content-->