beebum

<!-- This comment keeps IE6/7 in the reliable quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Test Ledger</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="basic.css" type="text/css">

<style type="text/css">
div.tableContainer {
  width: 60em;   /*(was 65%) table width will be 99% of this*/
  height: 310px;  /* must be greater than tbody (at least tbody+45; was 295)*/
  overflow: auto;
  margin: 0 auto;
  }
table {
  width: 99%;   /*100% of container produces horiz. scroll in Mozilla*/
  border: none;
  background-color: #FFFFFF; /* !!!WATCH!!! To be over-ridden later by PHP.*/
  }
table>tbody {  /* child selector syntax which IE6 and older do not support*/
  overflow: auto; 
  height: 250px;
  overflow-x: hidden;
  }
thead tr  {
  position:relative; 
  top: expression(offsetParent.scrollTop); /*IE5+ only*/
  }
thead td, thead th {
  text-align: center;
  font-size: 14px; 
  background-color: #98AFC7;
  color: #000000;
  font-weight: bold;
  border-top: solid 1px #d8d8d8;
  } 
td  {
  color: #000;
  /*padding-right: 2px;*/
  font-size: 12px;
  /*text-align: left;*/ /* was right */
  border-bottom: solid 1px #d8d8d8;
  border-left: solid 1px #d8d8d8;
  }
table tfoot tr { /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= 
    offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }
tfoot td  {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-color: #98AFC7;
  color: #000000;
  border-top: solid 1px slategray;
  }
td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/
</style>

<!-- PRINT STYLE SHEET -->

<style type="text/css" media="print">
div.tableContainer {overflow: visible;  }
table>tbody {overflow: visible; }
td {height: 14pt;} /*adds control for test purposes*/
thead td  {font-size: 11pt; }
tfoot td  {
  text-align: center;
  font-size: 9pt;
  border-bottom: solid 1px slategray;
  }
thead {display: table-header-group; }
tfoot {display: table-footer-group; }
thead th, thead td  {position: static; } 
table tfoot tr {     position: static;    }
</style>

</head>

<body><div id="container"><div class="tableContainer">    <table cellspacing=1>
      <thead>
        <tr>
          <td width="10%">ID#</td>
          <td width="20%">Name</td>
          <td width="70%">Comments</td>

        </tr>
      </thead><tfoot><tr><td colspan=3>Balance = ?</tr></tfoot>
<tbody>
<tr onclick="window.location.href='/dev/exp_main02.php?id=25&amp;name=Terry&amp;comment=Well, is it working now?'" title="Terry" bgcolor="#CCCCCC">
<td align=center>25</td>
<td nowrap>Terry</td>
<td>Well, is it working now?</td></tr>
<tr onclick="window.location.href='/dev/exp_main02.php?id=26&amp;name=Dave&amp;comment=I don&#039;t know, let me check.'" title="Dave" bgcolor="#E0E0E0">
<td align=center>26</td>
<td nowrap>Dave</td>

<td>I don&#039;t know, let me check.</td></tr>
<tr onclick="window.location.href='/dev/exp_main02.php?id=27&amp;name=Dave&amp;comment=No, it&#039;s still messed up.'" title="Dave" bgcolor="#CCCCCC">
<td align=center>27</td>
<td nowrap>Dave</td>
<td>No, it&#039;s still messed up.</td></tr>
</tbody></table></div></div>    <form action="/dev/exp_main02.php" method="post">
      Enter you name and comments: <br>
      Name: <input type = "text" name = "name" maxlength="20" size = "10"><br>

      Comments: <textarea name = "comment" cols=40 rows=10></textarea><br>
      <input type = "submit" value = "Add Entry">
    </form>