homepage Welcome to WebmasterWorld Guest from
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

 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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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; }
<td>Row 1</td>
<td class="data">Data to be hidden</td>
<tr class="selected">
<td>Row 2</td>
<td class="data">Data to be hidden</td>
<td>Row 3</td>
<td class="data">Data to be hidden</td>
<td>Row 4</td>
<td class="data">Data to be hidden</td>

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



 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