Forum Moderators: not2easy

Message Too Old, No Replies

Graphic Not Extending Down Page

Graphic needs to go lenth of content

         

terepan

10:25 pm on Feb 27, 2005 (gmt 0)

10+ Year Member



I have a template with 3 columns and vertical graphic lines to split up the 3 columns on the page. One of the grphic lines is stopping mid page rather than continuing on for the full page. One graphic is going the full content lenth.

See a test page here:
<snip>

The far right line is not continuing down.

The problem is the two columns to the left are contained in a a table together so as the content goes further down the page, the line graphic continues with the content.

The far right column is in a separate table so this is my guess why it is not extending like the others.

I do have a table around all 3 columns but this does not seem to force the far right column graphic to extend the same length as the others.

Any tips on getting this graphic to continue down the page. If you look at the design alignment at the top, resetting up a table with all 3 is not going to work since their tops are not aligned together.

Coding is below.

Thanks for your help!

Healthy regards,

Teresa

-----------------
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Faith Lutheran Church</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="width" type="text" value="245" -->
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="800" align="center">
<tr>
<td align="left" valign="top"><table align="left" border="0" cellpadding="0" cellspacing="0" width="800">
<tr align="left" valign="top">
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="603">
<tr>
<td><img name="faith_luthean_sub_r1_c1" src="../images/faith_luthean_sub_r1_c1.gif" width="603" height="52" border="0" alt=""></td>
</tr>
<tr>
<td align="left" valign="top"><img name="faith_luthean_sub_r2_c1" src="../images/faith_luthean_sub_r2_c1.gif" width="603" height="58" border="0" alt=""></td>
</tr>
<tr>
<td><img name="faith_luthean_sub_r4_c1" src="../images/faith_luthean_sub_r4_c1.gif" width="603" height="9" border="0" alt=""></td>
</tr>
<tr>
<td align="left" valign="top"><table align="left" border="0" cellpadding="0" cellspacing="0" width="603">
<tr align="left" valign="top">
<td width="20"><img name="faith_luthean_sub_r5_c1" src="../images/faith_luthean_sub_r5_c1.gif" width="20" height="452" border="0" alt=""></td>
<td width="10"><img name="faith_luthean_sub_r5_c2" src="../images/faith_luthean_sub_r5_c2.gif" width="10" height="100%" border="0" alt=""></td>
<td width="173" height="452"><!-- TemplateBeginEditable name="Announcements" -->
<p>Announcements</p>
<p>&nbsp;</p>
<!-- TemplateEndEditable --></td>
<td width="11"><img name="faith_luthean_sub_r5_c4" src="../images/faith_luthean_sub_r5_c4.gif" width="11" height="100%" border="0" alt=""></td>
<td width="389" height="452"><!-- TemplateBeginEditable name="Content" -->
<p>Content</p>
<p>&nbsp;</p>
<!-- TemplateEndEditable --></td>
</tr>
</table></td>
</tr>
</table></td>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="197">
<tr>
<td align="left" valign="top"><table align="left" border="0" cellpadding="0" cellspacing="0" width="197">
<tr align="left">
<td valign="top"><img name="faith_luthean_sub_r1_c6" src="../images/faith_luthean_sub_r1_c6.gif" width="79" height="84" border="0" alt="" align="top"></td>
<td valign="top"><img name="faith_luthean_sub_r1_c8" src="../images/faith_luthean_sub_r1_c8.gif" width="118" height="84" border="0" alt="" align="top"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="197">
<tr>
<td valign=""><img name="faith_luthean_sub_r3_c6" src="../images/faith_luthean_sub_r3_c6.gif" width="187" height="224" border="0" alt="" align="top"></td>
<td><img name="faith_luthean_sub_r3_c9" src="../images/faith_luthean_sub_r3_c9.gif" width="10" height="224" border="0" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table align="left" border="0" cellpadding="0" cellspacing="0" width="197">
<tr align="left" valign="top">
<td><img name="faith_luthean_sub_r6_c6" src="../images/faith_luthean_sub_r6_c6.gif" width="12" height="100%" border="0" alt=""></td>
<td width="175" height="263">&nbsp;</td>
<td><img name="faith_luthean_sub_r6_c9" src="../images/faith_luthean_sub_r6_c9.gif" width="10" height="263" border="0" alt=""></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="790">
<tr>
<td><img name="faith_luthean_sub_r7_c1" src="../images/faith_luthean_sub_r7_c1.gif" width="790" height="4" border="0" alt=""></td>
</tr>
<tr>
<td width="790" height="23"><!-- TemplateBeginEditable name="sub_navigation" -->sub_navigation<!-- TemplateEndEditable --></td>
</tr>
</table></td>
<td><img name="faith_luthean_sub_r7_c9" src="../images/faith_luthean_sub_r7_c9.gif" width="10" height="27" border="0" alt=""></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

[edited by: engine at 3:08 pm (utc) on Feb. 28, 2005]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]

limbo

10:22 am on Feb 28, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sounds to me like the third column is a nested table and does not have the height set to 100% - try that, it'll make it stretch down to the bottom of the page regardless of content height.

I could use this opportunity to give the 'nested tables are bad' lecture... one thing at a time;)