Good evening,

for a code example in my upcoming book I need to show and hide table
rows dynamically.
I am aware of the programmatic way working nicely:

tr[i].style.display='none'; vs.
tr[i].style.display='';

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? Any has-layout trickery? I'd really
like to keep the styling in the CSS, especially as it means you don't
have to loop to initally hide all the rows.

You can download the demo files as a Zip
http://icant.co.uk/sandbox/pagination/MSIErowissue.zip

Thanks!

Chris
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
______________________________________________________________________
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/

Reply via email to