Forum Moderators: not2easy
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]
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]