Log in

View Full Version : Resolved Problem with Server Side Include Height



Geologist1724
01-21-2009, 11:05 PM
I have an asp page that's too long. It's about 50% empty space and I can't get it closed up. I'm almost certain that the server side include for my side navigation file is controlling the height of the page, I can't figure out how to control the height of the table in which the included file resides. Everything that I have tried either pushes the right side table below the sidenav menu or collapses the page. The included file has no overall height information, just heights for individual cells.

Here is my URL to give you an idea of what the page looks like:

http://www.harrisburgmarathon.com/Z_New/template_long.asp

Here is the code for my main page (template_long.asp):

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<table width="792" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f6fdfe">
<!--DWLayoutTable-->
<tr>

<!-- Header Start Here-->

<td height="290" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="792" height="290"><!--#INCLUDE FILE="header.asp"--></td>
</tr>
</table>
<!--Header End Here--></td>
<tr>

<!--SIDE NAV BEGIN HERE-->

<!--DWLayoutTable-->
<!--#INCLUDE FILE="sidenav.asp"-->
</table></td>
<td width="607" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="167" height="43"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="442" valign="top"><!--#INCLUDE FILE="top_nav.asp"--> <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="550" height="13"></td>
</tr>
</table></td>
</tr>
<td height="783" colspan="2" valign="top"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="16" rowspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

<td width="589" height="290" valign="top">
<p class="Heading20">About PCPG </p>
<p>We're going to put a link <a href="http://www.earthres.com/index.asp">here</a>. Then let's look some more</p>
<p>Text</p>
<p>Text</p>
<p class="Heading16">Sub Heading </p>
<p>text eiorav r;eoitaa wj;a </p>
<p>ao oyoiare;p</p>
<p class="Heading14It">New Sub Heading</p>
<p>a wvioetu beiut'arpeto </p></td>
</table>
</table>
</table>

</body>
</html>


Here's my included file (sidenav.asp)

<td rowspan="2" valign="top"><table border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="185" height="38" align="left" valign="middle" background="/Z_New/images/Left_nav.gif">
<div id="left"> <div align="center">
<a href="http://www.pcpg.org/PCPG_upcoming_meetings.htm">Continuing Education</a>
</div> </div></td></tr>
<tr>
<td height="38" valign="middle" background="/Z_New/images/Left_nav.gif">
<div id="left"> <div align="center">
<a href="http://www.pcpg.org/PCPG_join.htm">Member Registration</a>
</div> </div>
</td></tr>

<tr>
<td height="295" valign="bottom">
<div id="sidenav">
<div class="menutitle">Relavent:</div>
<ul>
<li><a href="http://www.pcpg.org/PCPG_legislative_affairs.htm">Regulations</a></li>
<li><a href="http://www.pcpg.org/PCPG_legislative_affairs.htm">Legislation</a></li>
<li><a href="http://www.dynamicdrive.com/revised.htm">Other ??</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Place Holder ??</a></li>
</ul>
<div class="menutitle">Information About: </div>
<ul>
<li><a href="http://www.pcpg.org/pcpg_become_a_PG.htm">Becoming a P.G. </a></li>
<li><a href="Being a P.G.">Being a P.G. </a></li>
<li><a href="http://www.pcpg.org/pcpg_bod.htm">PCPG Board of Directors </a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Other ?? </a></li>
</ul>
</div>
<div id="member"><div align="center">
<a href="http://www.pcpg.org/pcpg_members.html">Member Sign-In</a>
</div></div> </td></tr>

jscheuer1
01-22-2009, 05:54 AM
You really should validate your code. However, this particular problem appears to be the result of:



. . . </table></td>
</tr>
<td height="783" colspan="2" valign="top"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="16" rowspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

<td width="589" height="290" valign="top">
<p class="Heading20">About PCPG </p>
<p>We're going to put a link <a href="http://www.earthres.com/index.asp">here</a>. Then let's look some more</p>
<p>Text</p>
<p>Text</p>
<p class="Heading16">Sub Heading </p>
<p>text eiorav r;eoitaa wj;a </p>
<p>ao oyoiare;p</p>
<p class="Heading14It">New Sub Heading</p>
<p>a wvioetu beiut'arpeto </p></td>
</table>
</table>
</table>

</body>
</html>

Reducing or eliminating that height attribute will shorten the page.

Geologist1724
01-22-2009, 11:57 AM
Thanks John,

I have been using Dreamweaver's "Highlight Invalid Code", apparently I also have the option of validating. I will be using that from now on, also.