Hide table border in Firefox

Fri, 03/14/2008 - 03:17 — Mike

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.

css
html

Comments

Fri, 05/09/2008 - 13:33 — Anonymous (not verified)

Hi, I had the same problem

Hi,

I had the same problem here.
Now, it's solved!

Thank you very much.

Fri, 05/09/2008 - 14:59 — Mike

You are more than welcome,

You are more than welcome, I'm glad I was able to help.

Thu, 06/19/2008 - 22:00 — kj (not verified)

Thank you!

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.

Fri, 06/20/2008 - 19:38 — Anonymous (not verified)

but it won't work in IE7...

Sat, 06/21/2008 - 11:06 — Mike

kj, thanks for your kind

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;
}

Fri, 07/18/2008 - 01:39 — Anonymous (not verified)

thank you

same problem here...thanks for the help..

god bless

kai here :)

Tue, 08/05/2008 - 10:18 — Charandeep (not verified)

Border still appearing in Mozilla

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

Search