Chris,
On Apr 2, 2006, at 6:27 PM, Christian Heilmann wrote:
> for a code example in my upcoming book I need to show and hide table
> rows dynamically.
> <snip>
> and I can do it in Firefox via:
>
> html>body table.dynamic tbody tr{
> display:none;
> }
> html>body table.dynamic tbody tr.show{
> display:table-row;
> }
>
> However, MSIE does not play along. If you open the demo page:
> http://icant.co.uk/sandbox/pagination/examplePagination.html
> you'll see that the borders are messed up when you click next and
> previous links.
>
> Does anyone have a fix for that?
I ran into this a while back and at least in my case, found an
amazingly simple work around. The class was applied to the table row
by a javascript function. The css specified display: none; for the
.hide class but avoided specifying a display property for the .show
class, so each browser set it back to whatever was normal for it. I
needed the background color in my 'show' case so I can't tell you if it
triggers special behavior in ie/win or not.
.hide { display:none; }
.show { background-color: #d3d3d3; }
hth
--
Roger Roelofs
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
