GridView borders in Firefox?

[emde]

So, I am aware of the problem with how the gridview renders in firefox.
I am unable to get those "light grey" gridlines in FF but they work
fine in IE. In looking at the rendered html, it appears as if the CSS
classes and styles are set at the TR (row) and not the TD (cell).
Moving the styles to the TD element makes it work in Firefox but there
is no way to add CSS classes to the TD element of the GridView.

Are there any work arounds for this? It is really annoying!

Thanks.

 

[bruce barker \(sqlwork.com\)]

you should use css inhertance. in your style sheet, setup up your tr class,
then setup one for td under that class. then you only need a td class if you
need an override. you may be able to just use a table class.

<style>
.foo {border=none;}
.foo td {border=gray 1 solid;}
</style>
<table class=foo>
<tr>
<td>row1 col1</td>
<td>row1 col2</td>
</tr>
<tr>
<td>row2 col1</td>
<td>row2 col2</td>
</tr>
</table>

-- bruce (sqlwork.com)

 

[emde]

Thanks, I ended up figguring something similar last night. I just
wrapped a classed div around the gridview and used inheritance on the
div. I do however like your suggestion, putting the class on the table
(gridview) and using inheritance that way, it's a bit more clean.

Thanks again, hopefully this will help others as well.