Datagrid formatting with Firefox

[AndyFreeman]

Hi there,
I work on my companies Intranet and it has been developed using ASPX with dreamweaver.
We use datagrids to display data on them.
In IE they all display ok with no problems, i have recently been trialing Firefox out as an alternative browser and have noticed that extra lines appear in each row of my datagrids.
An example can be found below

http://www.freemanz.co.uk/images/datagrids.gif

Is there anything i can do to fix this. It looks like a border setting but they do not appear in IE

Any help would be muchly appreciated

Andy

 

[link9]

The code that generated this effect would be extremely helpful.

The answer to getting answered -- faq855-2992

 

[AndyFreeman]

<code>
<tr>
<td valign="top">
<!-- <img name="cust_serv" src="images/cust_serv.gif" width="340" height="42" border="0" alt=""> -->
<input type="image" name="img_cust_serv" id="img_cust_serv" src="images/cust_serv.gif" style="border-width:0px;height:42px;width:340px;" />
<table cellspacing="0" cellpadding="3" rules="all" border="0" id="dg_cust_serv" style="border-width:0px;border-collapse:collapse;">
<tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/accounts_lost/">Sales

Account Loss Recording System</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/forms/">Sales

Order Processing</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://www.cabana.co.uk/leadform">Lead

Generation Form</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/apps/national_accs/default.asp">National

Accounts Page</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/apps/pricingmatrix/">Pricing

Matrix</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/Sales Info/sales_anomily.pdf">Sales

LEdger Anomilies Report</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/ouptime.aspx">OpenUp

Time Report Network</a>
</td>
</tr>
</table>
<p>
</td>
<td valign="top">
<!-- <img name="hr" src="images/hr.gif" width="340" height="42" border="0" alt=""> -->
<input type="image" name="img_hr" id="img_hr" src="images/hr.gif" style="border-width:0px;height:42px;width:340px;" />
<table cellspacing="0" cellpadding="3" rules="all" border="0" id="dg_hr" style="border-width:0px;border-collapse:collapse;">
<tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload//vehicle

condition form.doc">Vehicle Condition Form</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload//Company

Property Declaration.doc">Company Property Declaration</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/Alexandra

Forbes Cancellation Form.doc">Alexander Forbes Pension Cancellation Form</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/Group

You Are A Star Spreadsheet.xls">You Are A Star Nominations Received</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/plc/hrforms.aspx">Forms

</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/plc/hrguides.aspx">Guides

</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/plc/hrpolicy.aspx">Policies</a>

</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/holiday

smile booking form.doc">Available dates in the holiday home</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/winter

warmers.doc">Winter Warmers from More for You</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/Christmas

Savings Club Authorisation form.doc">Christmas Savings Club Authorisation Form</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/R08.doc">Ref

request form</a>
</td>
</tr><tr>
<td>
<a class="event_url" href="

http://nicholsplc/cab/upload/Dr

Roberts.doc">Dr Roberts on site 8th March</a>
</td>
</tr>
</table>
</code>

 

[AndyFreeman]

Above is a sample of the page, as the entire pagge is too big to post.
Does this help?

 

[AndyFreeman]

Also here is my style details
<style>
.NewsLinks {
font-family: helvetica;
font-size: medium;
font-weight: normal;
color: #FF0000 ;
text-decoration: none;
}
a:link.NewsLinks {text-decoration: none; color : ; font-size: medium;}
a:visited.NewsLinks {color : ; font-size: medium;}
a:active.NewsLinks {text-decoration: none; color : ; font-size: medium;}
a:hover.NewsLinks {color : ; font-size: medium;}

.NewsHeader {
font-family: Arial;
font-size: medium;
font-weight: normal;
color: #333399 ;
text-decoration: none;
padding-left: 5px;
}
a:link.NewsHeader {text-decoration: none; color : ; font-size: medium;}
a:visited.NewsHeader {color : ; font-size: medium;}
a:active.Header {text-decoration: none; color : ; font-size: medium;}
a:hover.NewsHeader {color : ; font-size: medium;}

.ticker-border {
background-color: #FFFFFF;
margin: 1px;
padding: 1px;
height: 50;
width: 200;

}
</style>

 

[link9]

Try axing this bit:

border-collapse:collapse

Short of that, maybe the guys in the HTML/CSS forum could help you pinpoint, since this is really more of a browser issue than an ASP.NET issue.

The answer to getting answered -- faq855-2992