tic tic - 2 days ago 4
CSS Question

Alternative to visibility:collapse not working on IE and Chrome

The following page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type="text/css">
tr.cccc {
visibility: collapse;
}
</STYLE>
<BODY>
<TABLE border="1">
<TR class="cccc">
<TD>one</TD>
</TR>
</TABLE>
</BODY>
</HTML>


works only in Firefox. IE always displays the row, and Chrome hides the row but showing its vertical space.
So, how can I hide completely a row using only CSS?

Answer

Use
display: none

instead of visibility: collapse

It works for me to hide the dojo tree grid summary row in IE6 & Google Chrome

Comments