Table oddity

adoxa · Post by **adoxa** » 2025-12-08, 14:24

Here's a page that displays a table. It correctly scrolls the body, but the footer is incorrectly positioned, as if the body was using the full height (FF shows it as you'd expect).

Code: Select all

<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<head>
<title>Table test</title>
</head>
<body>
<table>
  <thead>
    <tr><td>Header</td></tr>
  </thead>
  <tbody style="overflow: hidden auto; display: block; height: 150px;">
    <tr><td>
      <div>Item 1</div>
      <div>Item 2</div>
      <div>Item 3</div>
      <div>Item 4</div>
      <div>Item 5</div>
      <div>Item 6</div>
      <div>Item 7</div>
      <div>Item 8</div>
      <div>Item 9</div>
    </td></tr>
  </tbody>
  <tfoot>
    <tr><td>Footer</td></tr>
  </tfoot>
</table>
</body>
</html>

(This style of table is from the EPG of OpenWebif, used by enigma2-based PVRs.)

Michaell · Post by **Michaell** » 2025-12-08, 17:14

Removing either the overflow or display parameters makes it look right. Probably a conflict between those two specifications.

Post by **Moonchild** » 2025-12-08, 17:27

Specifying you want block-level element styling in a non-participating table sub element (thead, tbody and tfoot are logical organisers) I think isn't specified behaviour. You're likely breaking the table layout logic with it.

Pale Moon forum

Table oddity

Table oddity

Re: Table oddity

Re: Table oddity