help with display:none problems in firefox

[4MLA1FN]

i'm building a little web app for my research project. url is here:

http://www.cognitivecomposites.com/wtf/

it validates as xhtml/strict according to:

http://validator.w3.org/check?uri=www.cognitivecomposites.com/wtf

this page works in IE. it doesn't in firefox 1.5 or opera 8.5.2. when i click the "show" checkboxes, the
section disappers, as desired but when clicked again, the redisplayed section/s is
too narrow; shifted to the left in firefox; centered in opera. further, in firefox, if i click "show"
repeatedly", i get white space that grows!! really weird. i've spent too many hours
debugging this. i'd really appreciate another set of eyes. many thanks.

 

[RobG]

i'm building a little web app for my research project. url is here:

http://www.cognitivecomposites.com/wtf/

it validates as xhtml/strict according to:

http://validator.w3.org/check?uri=www.cognitivecomposites.com/wtf

this page works in IE. it doesn't in firefox 1.5 or opera 8.5.2. when i click the "show" checkboxes, the
section disappers, as desired but when clicked again, the redisplayed section/s is
too narrow; shifted to the left in firefox; centered in opera. further, in firefox, if i click "show"
repeatedly", i get white space that grows!! really weird. i've spent too many hours
debugging this. i'd really appreciate another set of eyes. many thanks.

Because you are setting the display attribute of TR elements to 'inline'
when you make them visible again, which is totally inappropriate.

Use '' (empty string) so they can return to their default (which is the
general strategy unless you have some specific value to set it to).

Firefox uses the CSS 2 properties for table elements, so using '' allows
the TR to return to 'table-row'. IE doesn't implement them, so the TR
returns to whatever it uses (inline? block?).

Have a look at the CSS 2 values for the display property here:

<URL:http://www.w3.org/TR/CSS21/visuren.html#propdef-display>

 

[4MLA1FN]

Use '' (empty string) so they can return to their default (which is the
general strategy unless you have some specific value to set it to).

damn, you rock! thanks, that did the trick. funny thing is that i originally
had the empty string early in development and changed it to inline after
seeing there was no empty-string option. so i punted and used inline.
i really appreciate your help.