Search code examples
csshtml-tablebordervisibilityhidden

Visibility:Hidden - How to do this in Firefox?

I have been reading these forums for some time, but this is my first question :)

The question is related to styling tables. If you look at my page in Chrome, at the bottom left of my table and the bottom left <td> tag, I was able to hide the borders the using visibility:hidden; But, in Firefox, the <td> still shows these borders. I have found that Firefox doesn't like the visibility attribute.

http://allramhosting.com/new/shared-3/

.hide
{
    visibility: hidden;
}

<td class="hide">&nbsp; </td>

Does anyone know a way around this that will work in multiple browsers? I also tried border-color:white; in the <td> on <tfoot> and that almost works; it keeps the very bottom border line visible.

Solution

  • Use

    .hide { border-style: none; }

    or

    .hide { border: none; }

    on your tds or

    .tableClass{ border: none;}

    if your table has class tableClass.