WEB Where did the top of my table go?

It was showing up and then randomly disappeared when I hit refresh. I added a CSS line top borders cuz I thought maybe that would force it to appear, but it didn't.

Maybe I should also mention that the sides and bottom show up just fine.

Surprisingly, it works in IE, but not in Firefox (usually it's the opposite)

Screenshot:



CSS:

Code:

div#main td {color: #ffffff;
border: 1px solid #ffffff; 
border-top: solid #ffffff;} 

First few rows of table data:

Code:

<table x:str border=1 cellpadding=0 cellspacing=0 width=178 style='border-style:solid'>
 <col class=xl28 width=35 style='mso-width-source:userset;mso-width-alt:1280;
 width:26pt'>
 <col width=110 style='mso-width-source:userset;mso-width-alt:4022;width:83pt'>
 
 <tr height=17 style='height:12.75pt'>

  <td width="43" height=17 class=xl27 style='height:12.75pt;border-top:none'>Year</td>
  <td width="123" class=xl25 style='border-top:none;border-left:none'>Value at year end</td>
 </tr>
 <tr height=17 style='height:12.75pt'>
  <td height=17 class=xl27 style='height:12.75pt;border-top:none' x:num>1</td>
  <td class=xl26 align=right style='border-top:none;border-left:none'
  x:num="5400" x:fmla="=A1*B1">$5,400.00</td>
 </tr>

 

Remove:

Code:

border-top: solid #ffffff;

 

Doesn't fix it. I added that border-top after the border top disappeared, thinking it would put it back.

edit - I just tried it anyway to make sure it didn't fix it.

 

Oh, the problem is in your HTML. You have a border-top: none; in your cells in the first row.

Use this:

Code:

<table x:str border=1 cellpadding=0 cellspacing=0 width=178 style='border-style:solid'>
 <col class=xl28 width=35 style='mso-width-source:userset;mso-width-alt:1280;
 width:26pt'>
 <col width=110 style='mso-width-source:userset;mso-width-alt:4022;width:83pt'>
 
 <tr height=17 style='height:12.75pt'>

  <td width="43" height=17 class=xl27 style='height:12.75pt;'>Year</td>
  <td width="123" class=xl25 style='border-left:none'>Value at year end</td>
 </tr>
 <tr height=17 style='height:12.75pt'>
  <td height=17 class=xl27 style='height:12.75pt;border-top:none' x:num>1</td>
  <td class=xl26 align=right style='border-left:none'
  x:num="5400" x:fmla="=A1*B1">$5,400.00</td>
 </tr>

 

That made the top border really thick, but at least it appeared, so I just removed all instances of the top border in my table, and am letting CSS handle that.

Seems to be working now. Thanks.

 

can't you just add 1px to border-style?

 

Dreamweaver ftw!

 

@ ms word

 

gotta start somewhere broski