Forum Moderators: not2easy

Message Too Old, No Replies

Border shows in IE 7 but not Firefox 2

border problem with IE and Firefox

         

corodyne

2:18 am on Jul 24, 2008 (gmt 0)

10+ Year Member



Hello all.

I'm having trouble with a border-bottom that appears in IE 7.0.6, but not in Firefox 2.x

I am using Drupal as a CMS and examined all the CSS files that are included with my particular page view. In all my searches, I have not found any style record that has border-bottom for a <tr>. However, each <tr> seems to have a 1px gray (#ccc) bar as a border-bottom.

To make matters worse, as mentioned above, the bar appears in IE, but not in Firefox.

Here is an example of where the bar appears without posting too much code:

**************************
** multiple style sheet references removed **
</head>

<body>
<table width="790" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><img src="/themes/prototype2/images/spacer.gif" alt="spacer" width="10" height="10" border="0" /></td>
</tr>
******************************************

As I mentioned, a 1px bar appears at the bottom of every <tr> of every table, but there is no reference that I can find in my CSS to make that happen.

I created a graphic to represent the difference and posted to a non-attributable site in case my description above didn't quite make sense. NOTE: There are no references to my site or the developmental site in the graphic!

<snip>

Thanks for any help,

Chris

[edited by: DrDoc at 3:45 pm (utc) on July 24, 2008]
[edit reason] No URIs, please. See posting guidelines. [/edit]

corodyne

2:36 am on Jul 24, 2008 (gmt 0)

10+ Year Member



*sigh*

I found it wasn't quite a border-bottom problem as much as it was a border-collapse problem. In looking for the simplest <table> tag and border problem via Google, I found a note about borders showing up (or not) due to a collapse problem.

here's the code (and source) that helped:

table { border-collapse:collapse; }

<snip>

In my case, I had to remove the collapse tag to make the table render properly.

Thanks if you read this and had a solution.

If you read it and found it helpful, I'm thankful to have contributed.

Chris

[edited by: DrDoc at 3:45 pm (utc) on July 24, 2008]
[edit reason] No URIs, please. See posting guidelines. [/edit]

DrDoc

3:46 pm on Jul 24, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Glad you got it sorted! IE can be quite annoying at times.

I'm sure someone else will find this thread useful, after stumbling across a similar problem themselves. :)