[Home]Scrolling table cell

HomePage | RecentChanges | Preferences | Newbie Help

HTML Tables

(from brucie on alt.html 10 Nov 2001)

<html>
<head>
<title>table with scroll</title>
<style type="text/css">
<!--
DIV{
  text-align : left;
  padding : 5px;
  width : 100%;
  height : 4em;
  overflow: auto;
}
-->
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1">
  <thead>
    <tr>
      <th>stuff in the thead</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>stuff in the tfoot</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>
      <div>scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      </div>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

Comments --

Netscape 6 doesn't like this...it displays the scrollbars incorrectly. Attempting to click on the up or down arrow causes the table to increase in width.

-- điehard đušK

problems with scrolling <div>s are a "known issue" with NS6+. the latest build of mozilla (.9.6) fixes some of the problems. the location of the scroll bar is dependent on the width units .

brucie

--

Netscape 4.7 cuts the text off at the overflow point. This may be avoided by importing (@import) the style from an external sheet so Netscape does not use the overflow ability, or setting media="all" on <link> or <style> tags.


HomePage | RecentChanges | Preferences | Newbie Help
This page is read-only | View other revisions
Last edited June 16, 2002 4:35 pm (diff)
Search:

This FAQ is happily hosted by Betadome Digital Media