Avatar for Username

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά κατάχρησης».

Μάθετε περισσότερα

Αυτό το νήμα αρχειοθετήθηκε. Παρακαλούμε κάντε νέα ερώτηση αν χρειάζεστε βοήθεια.

Border Color

  • 2 απαντήσεις
  • 7 έχουν αυτό το πρόβλημα
  • 20 προβολές
  • Τελευταία απάντηση από moni_66

dvinagre
dvinagre
more options

It seems that FF 4 made some changes in the rendering of tables forcing the border colors to be equal to the font color in them.

Requisites: I want to build a table with a Green border I want my header to be written in Red I want my cells to be written in Black I want my footer to be written in white in a gray background

When FF4 renders this it screws up the borders of the table. In older versions of FF and in all versions of IE the border shows Green. In FF 4 the table border has 4 colors. Green on Top and Bottom, White, Black and Red in the sides depending on the row it is.

You can see an example here: http://dl.dropbox.com/u/7520799/HTMLPage.htm

It seems that FF 4 made some changes in the rendering of tables forcing the border colors to be equal to the font color in them. Requisites: I want to build a table with a Green border I want my header to be written in Red I want my cells to be written in Black I want my footer to be written in white in a gray background When FF4 renders this it screws up the borders of the table. In older versions of FF and in all versions of IE the border shows Green. In FF 4 the table border has 4 colors. Green on Top and Bottom, White, Black and Red in the sides depending on the row it is. You can see an example here: http://dl.dropbox.com/u/7520799/HTMLPage.htm

Τροποποιήθηκε στις από το χρήστη dvinagre

Όλες οι απαντήσεις (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Some of the border-collapse behavior appears to have changed.

If you use this (add the id to your table tag and remove your inline style attribute): 


#tbltest {
 border-style: solid;
 border-color: green;
 border-width: 1px;
 border-collapse:collapse;
}
#tbltest td {
 border-style: solid;
 border-color: auto;
 border-width: 1px;
}

Then the cell borders, with colors matching their contents, override the table border. Firefox 3.6 and 4 appear to agree there.

However, if you switch to the supposedly equivalent shortcut properties, then Firefox 3.6 changes display to what you want while Firefox 4 uses more of the cell-level coloring. 


#tbltest {
 border: 1px solid green;
 border-collapse:collapse;
}
#tbltest td {
 border: 1px solid auto;
}

So Firefox 4 appears to have broken a (possibly non-standard) behavior that you and others may have relied on in mixing CSS and the border attribute. The solution, I think, is to set the border color for the td elements explicitly in CSS rather than relying on border="1" to propagate the color from the table element.

moni_66
moni_66
more options

Using this kind of code, the borders and text color appears correct: look to the image attached for html code

Τροποποιήθηκε στις από το χρήστη moni_66