homepage Welcome to WebmasterWorld Guest from 54.167.185.110
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
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...

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Opera Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved