In my continuing quest to test current CSS implementations to the limit, I'm 
investigating the various properties available for styling tables. It's early 
days, but they seem to be the poorest cross-browser-implemented feature since 
styling of form elements.

Specifically, I'm looking at the 'empty-cells' property which is supposed to 
control the display of table cells containing no content. IE fails all round, 
refusing to render empty table cells whatever the value. Opera seems to have a 
semi-complete implementation, hiding borders but not backgrounds.

It's Firefox and WebKit that I'm really interested in, though, in relation to 
the following from the spec:

"Furthermore, if all the cells in a row have a value of 'hide' and have no 
visible content, then the row has zero height and there is vertical 
border-spacing on only one side of the row."

I'm a /little/ sketchy on exactly how to interpret "there is vertical 
border-spacing on only one side of the row", but, at minimum, I would expect an 
overall table height difference when switching between 'hide' and 'show' values 
for this property. Firefox and WebKit do not change the height at all, and I'm 
not sure whether this is a misreading of the spec (certainly possible) or an 
implementation issue (less likely, but equally possible!).

For a demo, see:
http://www.fiveminuteargument.com/table-formatting

You can use the toggle if you have javascript enabled.

All comments and any clarifications will be gratefully received.

Cheers,

- Bobby


      
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to