This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox 4 puts odd borders on tables in TWiki pages

  • 7 replies
  • 15 have this problem
  • 2 views
  • Last reply by JonHertzig

more options

Tables that looked fine with previous versions of FF, and with other browsers look funny in FF4. In particular, some cells have black borders. May be related to the TWiki table plugin ?

Tables that looked fine with previous versions of FF, and with other browsers look funny in FF4. In particular, some cells have black borders. May be related to the TWiki table plugin ?

All Replies (7)

more options

Firefox 4 does have some changes to its table border code. Can you link to a page that shows the problem?

more options

Sorry, it's proprietary info on an intranet.

more options

I have not installed FF 4 yet so I do not know how it looks like. Howver, you can see three tables in the related support request on twiki.org, SID-01162.

It is also not clear if Jon is using the default skin of TWiki, or if the issue is with a custom skin of TWiki. TWiki.org has the default skin.

Modified by PeterThoeny

more options

I can now verify that there are some issues with table border colors on FF 4. I added a number of screenshots to SID-01162 that illustrate the issue on FF 4.

more options

I looked at the table at the bottom of the above linked page. The style rules affecting cell border colors just don't seem to apply to this particular table. Some of the rules are very close, but not a perfect match on the selectors for the th and td elements. Perhaps the old border-collapse code applied the table's border-color to the th and td elements as well?? That may have been a mistake.

TABLE:

<div class="twikiForm">
 <table class="twikiFormTable" border="1">
  <tbody>
   <tr>
    <th class="twikiFormTableHRow twikiFirstCol" colspan="2"><a 
href="/cgi-bin/view/Support/SupportForm" class="twikiLink">SupportForm</a></th>
   </tr>
   <tr valign="top">
    <td class="twikiFormTableRow twikiFirstCol" align="right"> Status </td>
    <td>Asked</td>
   </tr>
   <tr valign="top">
    <td class="twikiFormTableRow twikiFirstCol" align="right"> Title </td>
    <td>Tables rendering funny in Firefox 4</td>
   </tr>
...
  </tbody>
 </table>
</div>

CSS:

.twikiTable,
.twikiTable td,
.twikiTable th {
  border-color:#e2e2e2;
}
.twikiEditForm .twikiFormTable,
.twikiEditForm .twikiFormTable th,
.twikiEditForm .twikiFormTable td {
  border-color:#e2e2e2;
}
.twikiAttachments table,
table.twikiFormTable {
  border-color:#e2e2e2;
  background-color:#fff;
}
more options

This is not the exact same problem but it is related.

Example Page: http://dl.dropbox.com/u/7520799/HTMLPage.htm

Forum thread where I describe the problem: https://support.mozilla.com/en-US/questions/825230

more options

Here's a workaround: use the table plugin and specify tablerules="all". So at a minimum, include this directly before your table:

%TABLE{ tablerules="all" }%