absolutely positioned table cells

I'm having an issue with Opera 9 and my attempts to hide table cells. Given the following short test case, does anyone know of a fix? Firefox, IE and Safari are doing what I'd expect: the second column of cells is effectively hidden.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title></title>
 <style type="text/css">
 table { border: 1px solid red; width: 300px; }
 thead { display: none; }
 tr.selected { background-color: #eee; }
 td { border: 1px solid blue; }
 td.data { position: absolute; left: -9999px; }
 </style>
</head>
<body>
<table>
 <thead>
 <th>Title</th>
 <th>Data</th>
 </thead>
 <tbody>
 <tr>
  <td>Row 1</td>
  <td class="data">Data to be hidden</td>
 </tr>
 <tr class="selected">
  <td>Row 2</td>
  <td class="data">Data to be hidden</td>
 </tr>
 <tr>
  <td>Row 3</td>
  <td class="data">Data to be hidden</td>
 </tr>
 <tr>
  <td>Row 4</td>
  <td class="data">Data to be hidden</td>
 </tr>
 </tbody>
</table>
</body>
</html>

[edited by: Robin_reala at 9:36 am (utc) on July 18, 2006]

absolutely positioned table cells

Robin_reala

Robin_reala

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week