Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Firefox not displaying Cascading Style Sheet borders

  • 2 replies
  • 15 have this problem
  • 6 views
  • Last reply by rabubi8

rabubi8
rabubi8
more options

I have pages that sit inside Drupal with its own style sheet that overrides the styles of the themes. The problem occurs where I have tables. Most often the right border of the table or some TDs are sometimes missing. I don't style each table cell separately, but some columns (not all) are just missing borders, whether top, right or bottom. I use firebug and when I inspect a specific cell I can see that the border is supposed to show (as it does in Chrome and IE). If the table width or height is changed in DOM, the borders sometimes appear.

I have pages that sit inside Drupal with its own style sheet that overrides the styles of the themes. The problem occurs where I have tables. Most often the right border of the table or some TDs are sometimes missing. I don't style each table cell separately, but some columns (not all) are just missing borders, whether top, right or bottom. I use firebug and when I inspect a specific cell I can see that the border is supposed to show (as it does in Chrome and IE). If the table width or height is changed in DOM, the borders sometimes appear.

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Reload web page(s) and bypass the cache.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Cmd + Shift + R" (MAC)

Clear the cache and the cookies from sites that cause problems.

"Clear the Cache":

  • Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"

"Remove Cookies" from sites causing problems:

  • Tools > Options > Privacy > Cookies: "Show Cookies"

Start Firefox in Diagnose Firefox issues using Troubleshoot Mode to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).

rabubi8
rabubi8 Question owner
more options

Hi, thank you for the response. I often refresh a page with "Ctrl + F5" but I tried the Safe Mode option and clearing the cache this morning but the behavior is still the same. When I clear the cache for Chrome and IE, the borders are still displaying correctly. I have attached a screen shot of one of the tables. In "A)" I have the normal table and the right border is missing on the 1st column (next to the folder icon) and the very last column. In "B)" I have displayed a hidden table row with JavaScript in the DOM and the borders are then showing. Here is the CSS for the 1st table cell with a folder icon (copied from Firebug): 

table#AttrForm thead, table#AttrForm thead th, table#AttrForm tbody, table#AttrForm tbody td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #999999;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #999999;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
}

Modified by cor-el