Hi all, I'm having issues hiding and displaying table rows contained within a tbody, specifically, Gecko-based browsers.
The initial state is to hide the rows. In order to do this in both IE and FF, I used the following: <thead>... <tbody style="visibility:collapse; display:none;"> <tr>... Using javascript, I'm changing these styles to "visibility:visible" and "display:block" in a function using an onclick event. This works fine in IE; the rendering order is maintained and life is wonderful. In FF, however, the display: none is taking it out of the rendering context (like it's supposed to) so when I change the display/visibility attribute, the now visible tbody/tr's show up last in the rendering order (below the tfoot even). I've tried playing with positioning, etc. is there: a) a better way to do this? If the initial state was to show the rows, this works fine, but thats not what I need. b) a way to force the rendering order using some CSS hack goodness? :) Thanks in advance, J ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
