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)

Aside from the border color, why there the external border is "broken" in the middle, as if there is recess? (see the screenshot) I see it in other tables and it's not so beatiful.


 * Hum... That's a good one... Ahahaha When I press control the table fixes itself.


 * Yeah I've noticed it too :( Also a Firefox thing.


 * I'm still having no luck with the codes you posted. I've sent a mail to Special:Contact about that Wikia.css. -- 03:51, September 1, 2011 (UTC)


 * In that page, I see no attempts to make it work. Where are you testing?

12:18, September 1, 2011 (UTC)


 * I usually test in preview mode only.


 * I've tried adding the class to the table like you described, and adding it to separate cells. I've also tried to create a class that would define the border color of anything, and tried to apply it to a div box.


 * It always worked until now... -- 15:26, September 1, 2011 (UTC)


 * It turns out that I had a missing bracket in my CSS... The above code works fine now. -- 17:11, September 2, 2011 (UTC)


 * Sometimes it's the simplest things...
 * 18:14, September 2, 2011 (UTC)

External border
Bumping this, because the external border breaking is still there.

Does anyone know what causes it? -- 01:08, November 5, 2011 (UTC)


 * Could you give a link to a page with such a broken table? — Sovq 07:39, November 5, 2011 (UTC)


 * Here's a whole bunch of them. Tables on other pages used to have this issue until this morning, but now some of them are suddenly displayed correctly. -- 10:10, November 5, 2011 (UTC)


 * Heh, this is quite peculiar indeed. When inspecting a 'broken' table with Firebug, the table magically fixes itself for the time it's being inspected. This is beyond my skills. — Sovq 12:29, November 5, 2011 (UTC)


 * This is a bug in firefox. You need to report it to the firefox development team, nothing we can do here.

14:04, November 5, 2011 (UTC)


 * Yust adding my 2 cents here. FF 7.0.1 (latest) is showing a small quirk in this page at various places in the table with jumping 1 pixel to the right or left when scrolling up and down.


 * Really odd, never noticed it before. It doesn't do so at tables at Swords and Potions wiki. But that may be due to a different coding you use. Difference: visit this, this or this page to see other table coding.




 * One of the possible causes could be the two-pixel border I have there. Have you tried two pixels with other coding types?


 * Another thing I'm thinking of is the window height. I have the impression that the break sometimes happens in the spot where the page display ends, and when I scroll down it redraws the table in a slightly different location or something, resulting in this weird alignment. Or maybe the wikia's moving bar has something to do with it.


 * I'll see if I can find out anything in Firefox communities or something... -- 23:11, November 5, 2011 (UTC)


 * I've copied some of those tables to a html file on my computer and firefox does the same - no CSS, no javascript, nothing from wikia.
 * You are right that it happens at the height of 1 page. It even changes where it happens based on if I scroll down by more (page down) or less (down key or the mouse wheel).


 * At first glance, in firefox 8 the problem doesn't exist.


 * I looked for similar reports, and it seems that there are bugs with border-colapse:collapse. Google turns up a few more results for it as well. I'm still thinking what to do with it.


 * I haven't tried Firefox 8 yet. Using 7.0 for quite a while now. -- 20:00, November 11, 2011 (UTC)