1 Fixed, 1 Fluid

Scrolling tabular data with fixed headers wrapped in a 1 column fixed, 1 column fluid container.

HTML

<div class="container"><!-- .container -->

  <div class="content-wrapper"><!-- .content-wrapper -->
      <div class="content-column"><!-- .content-column -->

      <div class="content-fixed-heading"><!-- .content-fixed-heading -->
          <table width="100%" cellpadding="0" cellspacing="0" class="top">
          <thead>
            <tr>
              <th width="200">Sort Name</th>
              <th><input type="checkbox">Only Mine</th>
            </tr>
          </thead>
        </table>
        <div class="right-pad-table"><!-- .right-pad-table -->
          <table width="100%" cellpadding="0" cellspacing="0">
            <thead>
              <tr>
                <!-- width's defined here must also be applied to at least the column for the first row for the table below -->
                <th>Test</th>
                <th>Test</th>
                <th>Test</th>
                <th>Test</th>
                <th>Test</th>
                <th>Test</th>
                <th width="50">Test</th>
              </tr>
            </thead>
          </table>
        </div><!-- /.right-pad-table -->
      </div><!-- /.content-fixed-heading -->

      <div class="fluid-content"><!-- .fluid-content -->
        <table width="100%" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <!-- width's defined here must also be applied to at least the column for the first row for the table above -->
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td width="50">test</td>
            </tr>
            <tr>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
              <td>test</td>
            </tr>
            <tr>
              <td>test</td>
              <td>test</td>
              <td>test</td>
 ...

CSS

/*You'll probably want to remove the font style as i'm sure it's already defined in your current stylesheet */
.container {width:100%;float:left;font:normal normal 300 0.8em/1.6em Arial, Helvetica, sans-serif;}

.content-wrapper {width:100%;float:left;height:400px}


.content-column {margin-left:199px;border-right:2px solid #fff}
.content-column .content-fixed-heading {background:#eee}
.content-column .content-fixed-heading table.top {background:#ddd;padding-right:0px}
.content-column .content-fixed-heading table thead th {padding:3px 10px;text-align:left;height:28px;line-height:28px;font-weight:bold}
.content-column .right-pad-table {padding-right:20px;border-top:1px solid #fff;}
.content-column .fluid-content {height:380px;overflow-x:hidden;overflow-y:scroll}
.content-column .fluid-content table tbody td {padding:10px;border-bottom:1px solid #eee}