tables

Hide table border in Firefox

on March 14, 2008

I have made abuse of tables on one recent project and the problem that toke me some time to figure it out was how to hide the top table border that still appeared in Firefox even that the table had border="0" attribute or border: 0; in CSS.

Anyway, to solve this problem i added this line in the css file:

table {
border-collapse: separate;
}

This is a reminder to myself.. so i won't waste time next time searching for clues on how to handle table borders in Firefox.

By Anonymous on Friday, May 09, 2008
Anonymous's picture
Hi, I had the same problem here. Now, it's solved! Thank you very much.

By Mihai on Friday, May 09, 2008
Mihai's picture
You are more than welcome, I'm glad I was able to help.

By kj on Friday, June 20, 2008
Anonymous's picture
Many thanks for taking the time to volunteer this info. I've been trying to make the unwanted top border disappear for 2 hours, and you've solved it for me. You are a gentleman and a scholar.

By Anonymous on Friday, June 20, 2008
Anonymous's picture
but it won't work in IE7...

By Mihai on Saturday, June 21, 2008
Mihai's picture
kj, thanks for your kind words :) I am glad it helped. For IE7 i think it's enough to add something like "border:0px none;" 
table {
border: 0px none;
border-collapse: separate;
}

By Anonymous on Friday, July 18, 2008
Anonymous's picture
same problem here...thanks for the help.. god bless kai here :)

By Charandeep on Tuesday, August 05, 2008
Anonymous's picture
Hi, I am using following code and its still showing internal table border (NO OUTER TABLE BORDER IS VISIBLE): .bodyRepeaterRowStyle{ background-color: #EFEFEF; border: 0px none; border-collapse: separate; font: 11px Tahoma bold; color: #000000; height: 32px; padding: 5px; } Thanks in Advance... Charandeep

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.