1) Script Title: Find In Page

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/findpage.htm

I am running 5 DD scripts on this page

HTML Code:
http://www.lbk.co.za/comp/consumables/canon.htm
Forms template (customized height of top and main)
The Image Thumbnail Viewer, (customized layout an colors)
Top Navigational Bar III v3.5 (customized colours)
Easy Email Scrambler script (As is)
Find In Page (Only form customized, rest is as is)

Everything works Okay except when the search function is used and it finds something in the page then the top frame of the page shrinks and even a refresh does not return the page to its original state. I previously used this in traditional frames but the menu drop-downs were truncated by the bottom frame.

I have done some changes to the size of the top frame which is 150px height and the search form is in the top frame. The maincontent is re-sized to 500px height to force the vertical scroll bar.

I have played with various sizing and the find in page form has a top=-15px and bottom =-15px margins to make it fit tightly between the menu and header of the table which is also in the top frame.

None of my experiments seem to work even when reverting settings to default.

Below is the code of the scripts up to the beginning of <body> and the last few scripts at the end of the page.

Any help will be appreciated!

Bernie

Code:
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />

<script src="thumbnailviewer.js" type="text/javascript">

/***********************************************
* Image Thumbnail Viewer Script-  Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript" language="javascript" src="sniffer.js">

/***********************************************
* Top Navigational Bar III v3.5 (By BrotherCake- brothercake.com)
* Exclusive permission by Dynamicdrive.com to include script in archive
* For this and 100's more DHTML scripts, visit http://www.dynamicdrive.com/
* This notice MUST stay intact for legal use
***********************************************/

</script>

<script type="text/javascript" language="javascript1.2" src="custom.js"></script>
<script type="text/javascript" language="javascript1.2" src="style.js"></script>

<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 50px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #ffffff;
color: white;
}

#maincontent{
position: fixed; 
top: 50px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 150px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

</style>

<script>
<!-- Hide from old browsers

/******************************************
* Find In Page Script -- Submitted/revised by Alan Koontz (alankoontz@REMOVETHISyahoo.com)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* This notice must stay intact for use
******************************************/

//  revised by Alan Koontz -- May 2003
***** Left out rest of code as it is unchanged  *****


</head>

<body>

<div id="framecontent" style="width: 1008px ;position: center; left: 0px; top: 0px; height: 150px">
<div class="innertube">

<font face="Arial" style="font-size: 10.0pt">
	<div align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="887" height="81" id="table1" style="border-color: #FFFFFF">
		<tr>
			<td width="224" bgcolor="#FFFFFF">
			<p align="center" style="margin-top: 0; margin-bottom: 0">
<img border="0" src="../TOC/Logo.jpg"></td>
			<td valign="top" width="498" bgcolor="#FFFFFF" background="../TOC/back.jpg">
			<p align="center" style="margin-top: 0; margin-bottom: 0">
			<a title="Visit Canon Website" target="_blank" href="https://self-service.canon-europe.com/uk/pages/" style="color; font-size: 10pt; font-family: Arial; font-weight: bold">
			<img border="0" src="Logos/CanonSmall.jpg" width="61" height="18" align="middle"></a></p>
			<p align="center" style="margin-top: 0; margin-bottom: 0">
			<span style="font-weight: 400; font-size: 9.5pt">
			<font color="#003399">
			Make your selection 
			from the table below.&nbsp; You can also search for a particular 
			Printer or Cartridge using the search box.&nbsp; Click on Cartridge 
			or Printer Code to view image of&nbsp; these to verify.&nbsp;
			<a target="_parent" href="../Contact/Contact.htm" style="color; font-size: 10pt; font-family: Arial; font-weight: bold">
			<span style="text-decoration: none"><font color="#CC0000">Call us</font></span></a> or
			<a href="mailto:bernie[at]lbk.co.za?subject=Cartridge requirements" style="color; font-size: 10pt; font-family: Arial; font-weight: bold">
			<span style="text-decoration: none"><font color="#CC0000">e-mail</font></span></a></font><font color="#CC0000"> </font>
			<font color="#003399">
			us with your requirements.</font></span></p>
			</td>
			<td height="65" width="165" background="../TOC/Aurora.jpg" bgcolor="#FFFFFF">
			&nbsp;</td>
			</tr>
		<tr>
			<td colspan="3" height="25" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
			<p align="center">
		</tr>

		</tr>
	</table>

</div>

</font>
    <p style="margin-top: 0; margin-bottom: 0" class="MsoNormal" align="center">
	<font face="Arial">

<form name="form1" onSubmit="search(document.form1, frametosearch); return false">
	<p align="center" style="margin-top: -15pt; margin-bottom: -15pt"><input type="text" 
name="findthis" size="15" title="Enter Printer Model or Cartridge Number, Click Search repeatedly to search again"> 
<input type="submit" value="Search" ACCESSKEY="s" style="cursor:hand; 
                font-family: Arial; color: #CC0000; background-image: url('Images/Canon/silver1.jpg')"></p></font>
</form>

<div align="center">
  <table border="0" cellpadding="0" style="border-collapse: collapse; width: 598px" 
  id="table2">
    <colgroup>
      <col width="64pt" style="vertical-align: top;" align="center">
      <col width="95pt" style="vertical-align: top;" align="center">
      <col width="189pt" style="vertical-align: top;" align="center">
      <col width="125pt" style="vertical-align: top;" align="center">
      <col width="56pt" style="vertical-align: top;" align="center">
      <col width="56pt" style="vertical-align: top;" align="center">
    </colgroup>
    <tr height="17" style="height:12.75pt">
      <td style="border-right-style: none; border-right-width: medium" bgcolor="#CC0000">
      <font face="Arial" color="#FFFFFF">
      <a name="Cart" style="Cursor:hand;" title="Click Buttons to view Cartridges">
		<span style="font-size: 10pt; font-weight: 700">Cartridge<br>
      <img border="0" src="Images/Canon/Infored.jpg"></span></a></font></td>
      <td style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium" bgcolor="#CC0000">
		<font face="Arial" color="#FFFFFF">
		<span style="font-size: 10pt; font-weight: 700">Printer Type</span></font></td>
      <td style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium" bgcolor="#CC0000">
      <font face="Arial" color="#FFFFFF">
      <a name="Print" style="Cursor:hand;" title="Click on Printer model to view Printer">
		<span style="font-size: 10pt; font-weight: 700">Models Supported<br>
      <img border="0" src="Images/Canon/Infored.jpg"></span></a></font></td>
      <td style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium" bgcolor="#CC0000">
		<font face="Arial" color="#FFFFFF">
		<span style="font-size: 10pt; font-weight: 700">Cartridge Description</span></font></td>
      <td style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium" bgcolor="#CC0000">
		<font face="Arial" color="#FFFFFF">
		<span style="font-size: 10pt; font-weight: 700">OEM Price</span></font></td>
      <td style="border-left-style: none; border-left-width: medium" bgcolor="#CC0000">
		<font face="Arial" color="#FFFFFF">
		<span style="font-size: 10pt; font-weight: 700">Equiv<br>Price</span></font></td>
    </tr>
  </table>
</div>
</div>
</div>

***** TABLE CONTENTS HERE *****

***** EASY E-MAIL SCRAMBLER *****

<script type="text/javascript" language="javascript1.2" src="menu.js"></script>

</body>
</html>