Avatar for Username

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊，或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

此討論串已被封存。 如果您有需要幫助，請新增一個新問題

Firefox not displaying Cascading Style Sheet borders

  • 2 回覆
  • 15 有這個問題
  • 15 次檢視
  • 最近回覆由 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.

所有回覆 (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 提出問題者
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;
}

由 cor-el 於 修改