Forum:Table markup in Firefox 5/6

The tables I'm using are being displayed incorrectly for quite a while now, both in Firefox 5 and 6. Chrome works fine. IE sucks like it always does.

For example on this page, the table has correct outside border colors (dark blue), but all cells are displayed with incorrect colors (light blue). All borders used to be dark blue, which I only get in Chrome now.

The only solution I could find is to apply the color to each cell individually. This can't be right, can it? -- 13:37, August 30, 2011 (UTC)


 * Yeah, I had the same issue when I switched to FF5, then FF6. Apparently, if no cell border colors are defined, the browser inherits them from the font color. Couldn't find a decent workaround other than defining all table border cells in css, like that
 * — Sovq 13:48, August 30, 2011 (UTC)
 * — Sovq 13:48, August 30, 2011 (UTC)


 * I see. Can't test your code, because apparently the CSS on that wiki still doesn't want to load...-- 14:20, August 30, 2011 (UTC)


 * What you call inside borders (in light blue) aren't borders, they are called rules; they appear when you use border="1" with border-collapse:collapse. If you put rules="none" in the table declaration you will see what I mean, the rules will disappear. There is some CSS to control them but it's not supported in IE (I bet you guessed this one already :p ), yours don't have the color of the border and also don't have the thickness of the border, they are 1px by default.
 * You can easily make it work with CSS by putting a class in the table, like

{| style="width:100%; border-collapse:collapse; border:solid 2px red; text-align:center;" cellpadding="3" class="sortable blueborders"
 * and then defining in the CSS something like this:

.blueborders td { border:solid 2px #204185; } 15:55, August 30, 2011 (UTC)