ansaurus

Question

regular html table border show up very strange in firefox

Answer 1

+1 A:

I think you have a bug somewhere in the code that generates your HTML, based on that screen-shot, I would say that your table HTML is malformed. Also, the sample CSS you provided seems incomplete.

I just tried the following sample (with some CSS modifications), and it rendered a table correctly in firefox with borders around all the elements (sorry, I can't test this in IE):

<html>
<head>
<style type="text/css">

#functionMatrixTable
{
  border-collapse:collapse;
  border-width:1px;
  border-color: Black;
  border-style: solid;
}

#functionMatrixTable td, th
{
  border-collapse:collapse;
  border-width:1px;
  border-color: Black;
  border-style: solid;
}

#functionMatrixTable tr.odd td{
  background-color: #ffffff;
  padding:4px;
}

#functionMatrixTable tr.even td {
  background-color: #CDE0F6;
  padding:4px;
}

#functionMatrixTable th
{
  padding:4px;
  background-color:#D8D8D8  ;
  color:#787878 ;
}
</style>
</head>
<body>
<table id="functionMatrixTable">
<tr>
<th>AAA</th>
<th>BBB</th>
</tr>
<tr class="odd">
<td>A</td>
<td>B</td>
</tr>
<tr class="even">
<td>C</td>
<td>D</td>
</tr>
<tr class="odd">
<td>A</td>
<td>B</td>
</tr>
<tr class="even">
<td>C</td>
<td>D</td>
</tr>
<tr class="odd">
<td>A</td>
<td>B</td>
</tr>
<tr class="even">
<td>C</td>
<td>D</td>
</tr>
</table>
</body>
</html>

If your table is static HTML, then something like the above should render in Firefox with no problems. If you're rendering the table on the fly, then the method you're using is most likely not compatible with Firefox. Are you using javascript maybe?

Mike Mytkowski 2010-01-05 06:05:49

yup . . i had <thead> instead of </thead>

ooo 2010-01-05 06:16:45

It happens. :)Glad you found it.

Mike Mytkowski 2010-01-05 06:24:24

its amazing what one bad character can do to an application :)

ooo 2010-01-05 12:54:43

ansaurus

tags:

views:

answers:

regular html table border show up very strange in firefox

related questions