468,139 Members | 1,446 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,139 developers. It's quick & easy.

help with display:none problems in firefox

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=ww...ites.com%2Fwtf

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.

Mar 15 '06 #1
2 1797
4MLA1FN wrote:
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=ww...ites.com%2Fwtf

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>


--
Rob
Mar 15 '06 #2
On Thu, 16 Mar 2006 00:42:08 +1000, RobG <rg***@iinet.net.au> wrote:
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.
Mar 15 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Iain Hallam | last post: by
2 posts views Thread by Good Man | last post: by
7 posts views Thread by khinester | last post: by
27 posts views Thread by didacticone | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.