[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2052
  • Last Modified:

Table borders not showing in FF and are fine in IE

I use a number of CSS files as skins in an online text- based strategy game( go to www.galaxiesablaze.com, use firefox. It's quick and free to sign up). For one reason or another, the tables display without borders in FF and with borders in IE. Below is the table and table data attribute definitions from my CSS file:

table        {text-align: center; border-collapse: collapse; border: 1px; border-style: solid; border-color: #881311; width:60%; }
.advert      { border-width:0; width:100%; }  
.header      { width:98%; }
.medium      { width:40%; }
.short       { width:35%; }
.system      { width:70%; }
.wide        { width:80%; }  
.report      { width:30%; }
.wonder      { width:55%; }


.forum td    { padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; }
.ad td       { border-width:0; text-align: center; vertical-align: center; background-color: #370806; padding-top: 0px;         padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }


.table3      { background-color: #202000; text-align: center; border: 1px solid #ff6633;font-size:  7.5pt; width:98%; }
         
td           { background-color: #202000; font-family: Verdana; font-size: 7.5pt; font-weight: normal; border: 1px solid #881311; padding-top: 1px; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; }
th           { background-color: #4b0b01; font-family: Verdana; font-size: 7.5pt; font-weight: normal; border: 1px solid #881311; padding-top: 1px; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; }
.forum tr    { padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; }
h1           { font-size: 36pt; font-family: Verdana; color: #8a1411; Font-weight: normal; }
h2           { font-size: 20pt; font-family: Verdana; color: #8a1411; Font-weight: normal; }

Any solution are greatly appreciated.
0
salehfa
Asked:
salehfa
1 Solution
 
RozanaZCommented:
Hi,
I don't see any border nor in IE neither in FF..
What page are you talking about?
0
 
Jan LouwerensCommented:
in your table tag, you have  "border: 1px;". This is an incomplete property.
Try either:
     border: 1px solid #881311;
- or -
     border-width: 1px; border-style: solid; border-color: #881311;

http://www.w3schools.com/css/css_reference.asp#border
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now