Advertisement

04.18.2008 at 02:43PM PDT, ID: 23335659 | Points: 500
[x]
Attachment Details

IE renders border-color correctly, Firefox doesn't (!)

Asked by fuze44 in Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), Firefox Web Browser

In IE, setting border-color:#000 will cause only the 4 outer borders to turn black.  In Firefox 2.0, it also turns the row's bottom border black, and the right-border of each column. (See attached pic)

The row border can be overridden by defining TR, but the only way I've found to get ride of the change in column border color is to set border-color-right on the table -- not a good solution.

Also, notice how  Firefox overlaps the row's bottom-border on top of the table's border This leaves one pixel of the table's border as #EEE.

Here's the table's CSS:
#table {
margin:10px 0 0 0;
background-color:#EEE;
border-color:#000;
border-width:1px;
border-collapse:collapse;
}

and overrides:

#table tr {
border-color:#EEE;
}

#table {
border-right-color: #EEE;
}

Having trouble finding information on this.  All help is appreciated.Start Free Trial
Attachments:
 
Picture of before/after overriding table's CSS settings
Picture of before/after overriding table's CSS settings
 
[+][-]04.21.2008 at 10:04PM PDT, ID: 21408197

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]09.06.2008 at 03:20PM PDT, ID: 22409284

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628