DHTML: Showing/Hiding table rows in firefox

less than 1 minute read

I've found an issue with firefox 1.5 where I'm trying to use the display CSS property to show/hide table rows. This works fine with div's, but with tables I run into problems. Using "display: block" to show a row breaks the table layout (the row floats to the right of my layout). Looked up the display property on the w3c website and found that you should be able to use the "run-in" value to show cells/rows in tables. Tried it and no-go...I get this message in the firefox JS debugger:

Error: Error in parsing value for property 'display'. Declaration dropped.

meh. Serves me right for using tables I guess :-) Tried a few of the other possible values for the display property and couldn't get anything to work correctly. I'll switch to using divs, that always works like a champ.

Updated: