Printable View
Hi all,
I have probably a css conflict somewhere, but I can't find the problem. If I create a table, the left border is not visible. If I set the border width to 2, then all other borders are thicker and the left one 1.
I see this is only a problem in Firefox.
Can anyone help me to identify the problem?
Here's the example: http://test.tv-wijdewormer.nl/testpagina.html
Many thanks for thinking with me!
Paul
they are being cut off, try a lesser width and give them a margin on the left and you'll see.
Hi Ramjet,
Looks like you are right... I tried it in Firebug and it did show....
But I cannot explain it.... Do I have to set something in the reset.css file to prevent this?
From Stackoverflow
Quote:
This is a bug in Firefox. box-sizing: content-box is not applied to table cells, it currently only applies border-box which includes the border in the height/width, it is non-standard and needs to be fixed.
As it is now, it ignores the border and kind of adds it as a purely visual and not "physical" border. If you want, add a div above the table with a fixed height/width/border and see as firefox renders that div's border above the table border, overlapping it as if it wasn't even there. Now float the div to the left, now the left table border is overlapped by the div's border.
Unfortunately, the only way I have found to reliably make sure the border is visible is to add a margin: 0 1px 1em; to the table.
See Firefox's box-sizing spec and the bug that is causing this: bug 243412.
no idea sorry, i'm a novice at css.
I did not even know that this is a bug :) I figured it was the normal behaviour of "border-collapse:collapse". Anyway, I usually fix it by adding a padding to the surrounding element. In TYPOlight this would be
Code:.ce_table { padding:1px; }
Hi Leo,
That also works... only I am using an inline table in the RTE, so .ce_table is not applicable here...
Anyway, I know now how to avoid it. Many thanks to you all.
The easiest way is to use border-collapse:separate;.