DataAssist and Footer

I have a basic webpage with 2 DIVs, main DIV for information and footer DIV put at end of template (as below). within the main DIV DataAssist is setup to create a long table but the footer is shown over the table and not at the bottom. example a table about 30 rows deep, the footer will show over row 5 and not after row 30

I am not looking for anything fancy like sticky footers, just for the footer to be at end of webpage.

tried some of the different setting for the position and not much movement of the footer


css footer and DIV
#apDiv3 {
position:absolute;
width:1340px;
height:163px;
z-index:2;
top: 142px;
left: 23px;
#footer {
position:absolute;
bottom:0px;
width:100%;
height:50px; /* Height of the footer */
background:#FFFFFF;
left: 23px;
z-index: 3;
}


Template
...
...
...
<div id="apDiv3">
<p><font size="5">Header 1</font></p>
<p style="margin-left: 20">&nbsp;</p>
<p style="margin-left: 20"><font size="5">Header 2</font></p>
<p style="margin-left: 20">&nbsp;</p>
</div>
<p style="margin-left: 20"></p>
<p style="margin-left: 20"></p>
<p style="margin-left: 20"></p>
<p align="center"><img border="0" src="../images/img.gif" width="260" height="202"></p>

<div id="footer">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" class="style3" align="center">FOOTER TEXT...FOOTER TEXT</td>
</tr>
</table>
</div>
</body>
</html>




Webpage using template
...
...
...
</div>
<?php } // Show if recordset not empty ?>
<?php if ($totalRows_WADAtlbproj == 0) { // Show if recordset empty ?>
<div class="WADANoResults">
<div class="WADANoResultsMessage">No results for your search</div>
<div> <a href="insert.php" title="Insert"><img border="0" name="Insert1" id="Insert1" alt="Insert" src="../../WA_DataAssist/images/Slate/Refined_insert.gif" /></a></div>
</div>
<?php } // Show if recordset empty ?>
</div>
</div>
<!-- InstanceEndEditable -->
<p style="margin-left: 20"></p>
<p style="margin-left: 20"></p>
<p style="margin-left: 20"></p>
<div id="footer">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" class="style3" align="center">FOOTER TEXT...FOOTER TEXT</td>
</tr>
</table>
</div>
</body>
<!-- InstanceEnd -->
</html>
<?php
mysql_free_result($WADAtlbproj);
?>

you are using position:absolute; in the footer.

when you use position absolute, you need to also specify the top position to tell the browser where to put it.

using position absolute means that the div will be positioned to specific place on the page regardless of other elements positioning.

see this page for a description of absolute versus relative positioning:
aa061307.htm

I've tried the other options (relative, static ect) and other settings (from google searches) and still seems to float over the table ?

its seems the page is drawn then the table

do you have any example pages with DataAssist tables with a footer

in the DataAssist download center page, there is a download for the "SiteAssist and DataAssist: Solution Recipe Files" this contains a sample site assist layout that has a footer section to it.