| absolutely positioned table cells
|
Robin_reala
msg:3012849 | 9:33 am on Jul 18, 2006 (gmt 0) |
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]
|
Robin_reala
msg:3014189 | 9:17 am on Jul 19, 2006 (gmt 0) |
An answer came up on the Opera forums which partially fixes this - make <td>s display:block;. Unfortunately this stops border collapsing...
|
|
|
