As Eric points out this is a rather open question, especially since there are a few hidden pitfalls here and you need to understand that there are a
lot more possible values for the display style than just "none" and "block".
One that I came across a few months ago deals with displaying table rows. I was working on property sheet for a form designer deals with displaying and hiding rows in a table
AND with cross-browser differences.
My property sheet looked great in IE 6 and when I changed widgets on the designer the table expanded or contracted to accomodate the number of properties for the widget. Cool. Then I tried it in Firefox and was totally disappointed and perplexed
.
Both the property name and its value, which should have been in columns 1 and 2 respectively, were showing up in the first column!
It turned out that I was using "block" unconditionally to display the rows of the table, which works just fine in IE, but does not work in Firefox (or any Gecko-based browser that I've seen). Firefox requires "table-row" vice "block". The worst part is that when I used "table-row" unconditionally, then the IE version broke!
That meant that I had to
test for the browser type (which I was already for other cross-browser issues) and use "block" or "table-row" as appropriate.
Note that there are
ten, count 'em TEN, different table related values for the display style and additional ones for other cases. So, depending upon you needs it may not be as simple as "none" or "block".
[ June 07, 2006: Message edited by: Linda Walters ]
[ June 07, 2006: Message edited by: Linda Walters ]
[ June 07, 2006: Message edited by: Linda Walters ]