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.
Start Free Trial